Only make icon transparent when disabled

Author: jjeffryes

css/obBase.css

@@ -5599,6 +5599,15 @@ input[type="checkbox"].fieldItem:checked + label .togLabelOff {
   opacity: 0.7;
 }
 
+#ov1 .disabled-icon {
+  pointer-events: none;
+}
+
+#ov1 .disabled-icon:before,
+#ov1 .disabled [class *= "ion-"]:before {
+  opacity: 0.2;
+}
+
 #ov1 .overflowVisible {
   overflow: visible;
 }

js/router.js

@@ -136,16 +136,14 @@ module.exports = Backbone.Router.extend({
     this.historyAction = 'default';
 
     if (this.historyPosition == this.historySize)
-        $('.js-navFwd').addClass('disabled');
+        $('.js-navFwd').addClass('disabled-icon');
     else
-        $('.js-navFwd').removeClass('disabled');
+        $('.js-navFwd').removeClass('disabled-icon');
 
     if (this.historyPosition == 1)
-        $('.js-navBack').addClass('disabled');
+        $('.js-navBack').addClass('disabled-icon');
     else
-        $('.js-navBack').removeClass('disabled');
-    
-    console.log('position: ' + this.historyPosition + '; size: ' + this.historySize);
+        $('.js-navBack').removeClass('disabled-icon');
 
     if (callback) callback.apply(this, args);
   },