diff --git a/app/assets/stylesheets/scss/user.scss b/app/assets/stylesheets/scss/user.scss index 404e7b67..f732a4bf 100644 --- a/app/assets/stylesheets/scss/user.scss +++ b/app/assets/stylesheets/scss/user.scss @@ -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; } \ No newline at end of file diff --git a/app/views/user/_profile_info.html.haml b/app/views/user/_profile_info.html.haml index 8fdb59b5..1e7e8406 100644 --- a/app/views/user/_profile_info.html.haml +++ b/app/views/user/_profile_info.html.haml @@ -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 \ No newline at end of file