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>

diff --git a/Open-ILS/src/templates/staff/css/style.css.tt2 b/Open-ILS/src/templates/staff/css/style.css.tt2
index b8e3322..cb54497 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 84c9e33..12bef5c 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">