added follow button to dim view

This commit is contained in:
Andreas N 2015-01-03 03:43:32 +01:00
parent 16f319a0a6
commit 34a5b56555
2 changed files with 54 additions and 2 deletions

View File

@ -87,9 +87,57 @@
}
.profile--avatar {
width: 100%;
height: auto;
}
.profile--avatar img {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
width: 100%;
height: auto;
border: medium none;
}
.profile--avatar .dimmer {
width: 100%;
position: relative;
display: block;
height: auto;
min-height: 0px;
background: none repeat scroll 0% 0% #FFF;
padding: 0px;
border: medium none;
border-radius: 0.2857rem;
box-shadow: 0px 0.2em 0px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
transition: box-shadow 0.2s ease 0s;
opacity: 0;
}
.profile--avatar .dimmer:hover {
width: 100%;
position: relative;
display: block;
height: auto;
min-height: 0px;
background: none repeat scroll 0% 0% #FFF;
padding: 0px;
border: medium none;
border-radius: 0.2857rem;
box-shadow: 0px 0.2em 0px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
transition: box-shadow 0.2s ease 0s;
opacity: 1;
}
.profile--avatar .dimmer .content {
width: 100%;
height: 100%;
display: table;
-moz-user-select: text;
}
.profile--avatar .dimmer .content .center {
display: table-cell;
vertical-align: middle;
padding: 20px;
}

View File

@ -1,5 +1,10 @@
.panel.panel-default
%img.profile--avatar{src: @user.profile_picture.url(:large)}
.profile--avatar
.dimmer
.content
.center
= render 'user/actions', user: @user, type: :follower
%img{src: @user.profile_picture.url(:large)}
.panel-body
- if @user.display_name.blank?
.profile--displayname
@ -47,5 +52,4 @@
%p.profile--text
%i.fa.fa-location-arrow
= @user.location
= render 'user/actions', user: @user, type: :follower
= render 'user/stats', user: @user