added follow button to dim view
This commit is contained in:
parent
16f319a0a6
commit
34a5b56555
|
@ -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;
|
||||
}
|
|
@ -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
|
Loading…
Reference in New Issue