LP#1789747: tweak disabling the offline circulation link

This patch ensures that the menu link can be fully disabled by
giving the "disabled" CSS class to the anchor as well as the
li that contains it. It also adds a CSS rule to the disabled
class to force the cursor to not-allowed; due to a quirk, an
anchor with "pointer-events: none" will not respect "cursor: not-allowed",
but the containing element can have that cursor rule.

Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>

diff --git a/Open-ILS/src/templates/staff/css/style.css.tt2 b/Open-ILS/src/templates/staff/css/style.css.tt2
index 4a2cdd1..fbbbbb1 100644 (file)
--- a/Open-ILS/src/templates/staff/css/style.css.tt2
+++ b/Open-ILS/src/templates/staff/css/style.css.tt2
@@ -112,6 +112,9 @@ a.disabled {
   cursor: default;
   color: #888 !important;
 }
+.disabled {
+  cursor: not-allowed;
+}
 
 #splash-nav .panel-body div {
     padding-bottom: 10px;

diff --git a/Open-ILS/src/templates/staff/navbar.tt2 b/Open-ILS/src/templates/staff/navbar.tt2
index 9914816..d82ca1f 100644 (file)
--- a/Open-ILS/src/templates/staff/navbar.tt2
+++ b/Open-ILS/src/templates/staff/navbar.tt2
@@ -232,7 +232,7 @@
           </li>
           <li class="divider"></li>
           <li ng-class="{disabled : offlineDisabled()}">
-            <a href="./offline-interface" target="_self">
+            <a href="./offline-interface" target="_self" ng-class="{disabled : offlineDisabled()}">
               <span class="glyphicon glyphicon-alert"></span>
               <span>[% l('Offline Circulation') %]</span>
             </a>