scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-02-06 06:56:54 +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;
position: relative;
width: 100px;
background-color: lighten($color-concrete, 2%);
}
.avatar-image,
.avatar-edit {
height: 100%;
.avatar-container:hover .avatar-edit{
display : block;
}
.avatar-image {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.avatar-edit {
margin-top: 70px;
display: none;
position: absolute;
margin-top: 70%;
opacity: .8;
z-index: 10;