webstaff: Fixed-position navigation menu for web client

Changes the class for top-navbar so that it stays fixed at the top of the
screen. This is useful for staff who will need to quickly jump to another
area of the client after they have scrolled down a page.

Initially, changing the class shifted some of the content higher so that the
navbar was covering some elements. I addressed this by adding some padding to

Many thanks to Jason Etheridge for pointing me in the right direction to get
started.

Signed-off-by: Kathy Lussier <klussier@masslnc.org>
Signed-off-by: Mike Rylander <mrylander@gmail.com>
Signed-off-by: Galen Charlton <gmc@esilibrary.com>
Signed-off-by: Jason Stephenson <jstephenson@mvlc.org>

diff --git a/Open-ILS/src/templates/staff/css/style.css.tt2 b/Open-ILS/src/templates/staff/css/style.css.tt2
index 5485655..c214bc8 100644 (file)
--- a/Open-ILS/src/templates/staff/css/style.css.tt2
+++ b/Open-ILS/src/templates/staff/css/style.css.tt2
@@ -60,6 +60,7 @@
      * narrower than the default Bootstrapp container gutters.
      */
     width: 95%;
+    padding-top: 70px;
 }
 
 

diff --git a/Open-ILS/src/templates/staff/navbar.tt2 b/Open-ILS/src/templates/staff/navbar.tt2
index 6e2e8f7..52b4448 100644 (file)
--- a/Open-ILS/src/templates/staff/navbar.tt2
+++ b/Open-ILS/src/templates/staff/navbar.tt2
@@ -10,7 +10,7 @@
 -->
 
 <div id="top-navbar" role="navigation"
-  class="navbar navbar-default navbar-static-top" role="navigation">
+  class="navbar navbar-default navbar-fixed-top" role="navigation">
 
   <!-- navbar-header here needed for supporting angular-ui-bootstrap -->
   <div class="navbar-header">