Skip to content
Permalink
Browse files

Fully remove the avatar image when scrolling down

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>
  • Loading branch information
fri-sch committed Nov 2, 2019
1 parent ea28670 commit 5ed88b6f9d61e40b783d26fe401489a3cdf597f1
Showing with 5 additions and 3 deletions.
  1. +5 −3 static/css/main.css
@@ -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 {

0 comments on commit 5ed88b6

Please sign in to comment.
You can’t perform that action at this time.