nemunaire/nemhugo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fully remove the avatar image when scrolling down

Browse Source 
Currently the opacity of the avatar/logo image is faded to zero on
scrolling down, but the element is still clickable. To not make it
only invisible, but also completely remove it, we also animate the
visibility property.

Signed-off-by: Frieder Schrempf <frieder.schrempf@online.de>
This commit is contained in:
Frieder Schrempf 2019-11-02 22:41:02 +01:00
parent ea2867027d
commit 5ed88b6f9d
No known key found for this signature in database
GPG Key ID: E7DD51F45F833802
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
static/css/main.css
View File

@ -195,10 +195,11 @@ img {
.navbar-custom .avatar-container {
opacity: 1;
visibility: visible;
position: absolute;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
-webkit-transition: visibility 0.5s, opacity 0.5s ease-in-out;
-moz-transition: visibility 0.5s, opacity 0.5s ease-in-out;
transition: visibility 0.5s, opacity 0.5s ease-in-out;
left: 50%;
width: 50px;
margin-top: -25px;
@ -220,6 +221,7 @@ img {
.navbar-custom.top-nav-short .avatar-container{
opacity: 0;
visibility: hidden;
}
.navbar-custom.top-nav-expanded .avatar-container {