scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-02-06 15:05:26 +08:00
Code Issues Projects Releases Packages Wiki Activity

show edit avatar on mouse hover, add background and center image

Browse source
This commit is contained in:
Mojca Lorber 2016-10-27 11:09:30 +02:00
parent 8309df0aaf
commit 5719d4c61f
1 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
app/assets/stylesheets/themes/scinote.scss
View file

@ -1459,17 +1459,24 @@ html.turbolinks-progress-bar::before {
height: 100px; height: 100px;
position: relative; position: relative;
width: 100px; width: 100px;
background-color: lighten($color-concrete, 2%);
} }
.avatar-image, .avatar-container:hover .avatar-edit{
.avatar-edit { display : block;
height: 100%; }
.avatar-image {
position: absolute; position: absolute;
width: 100%; top: 50%;
left: 50%;
transform: translate(-50%,-50%);
} }
.avatar-edit { .avatar-edit {
margin-top: 70px; display: none;
position: absolute;
margin-top: 70%;
opacity: .8; opacity: .8;
z-index: 10; z-index: 10;