GNOME.org
 

[gimp-web/gimp-web-static] Still monkeying with the nav bar...

commit 37a29869514ee8514d0bdb98e5f68943661017d4
Author: Pat David <pat patdavid net>
Date:   Tue Sep 22 22:07:53 2015 -0500

    Still monkeying with the nav bar...

 content/js/push-menu.js            |    5 ++++-
 themes/newgimp/static/css/gimp.css |   11 ++++++-----
 themes/newgimp/templates/base.html |    2 +-
 3 files changed, 11 insertions(+), 7 deletions(-)
---
diff --git a/content/js/push-menu.js b/content/js/push-menu.js
index dba94f2..955da63 100644
--- a/content/js/push-menu.js
+++ b/content/js/push-menu.js
@@ -8,6 +8,7 @@ var page = document.getElementById('pushPage');
 var menu = document.getElementById('menu');
 
 menu.style.visibility = 'visible';
+menu.style.zIndex = 1;
 
 var toggle = function(e){
     e.preventDefault();
@@ -62,8 +63,10 @@ setInterval( function() {
         if(Math.abs(lastScrollTop - st) <= delta)
             return;
 
+        console.log( st );
+
         // If scroll past navbar, add class .nav-up
-        if ( st > lastScrollTop ){
+        if ( st > lastScrollTop && st > 30){
             //scroll down
             navbar.className = navbar.className.replace('nav-down','nav-up');
                        //b.backgroundPositionY = parseInt( b.backgroundPositionY ) + 4 + '%';
diff --git a/themes/newgimp/static/css/gimp.css b/themes/newgimp/static/css/gimp.css
index d325f2d..f02c895 100644
--- a/themes/newgimp/static/css/gimp.css
+++ b/themes/newgimp/static/css/gimp.css
@@ -336,11 +336,11 @@ footer .nav-bottom a {
     }
 
     nav#menu.show {
-        -webkit-transform: translateY(0);
-        -moz-transform: translateY(0);
-        -o-transform: translateY(0);
-        -ms-transform: translateY(0);
-        transform: translateY(0);
+        -webkit-transform: translateY(46px);
+        -moz-transform: translateY(46px);
+        -o-transform: translateY(46px);
+        -ms-transform: translateY(46px);
+        transform: translateY(46px);
         box-shadow: 0 -10px 10px 10px rgba(0,0,0,0.85);
     }
 
@@ -414,6 +414,7 @@ footer .nav-bottom a {
         font-size: 0.8rem;
         transition: top 0.2s ease-in-out;
         position: fixed;
+        box-shadow: 0 -10px 10px 10px rgba(0,0,0,0.85);
     }
     
     #navstrip .navfive {
diff --git a/themes/newgimp/templates/base.html b/themes/newgimp/templates/base.html
index f4fbd0b..8794345 100644
--- a/themes/newgimp/templates/base.html
+++ b/themes/newgimp/templates/base.html
@@ -47,7 +47,7 @@
 
 <body id="index" class="home">
 
-        <nav id="menu" >
+        <nav id="menu" style='z-index: -1;'>
             <ul>
                 <li id='gimp-home'><a href="/"><img src='/images/wilber-tiny.png'> GIMP</a></li>
                 <li><a href="/downloads/"><i class="fa fa-download"></i> Download</a></li>
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]