Merge pull request #2055 from WikiWatershed/mjm/deactivated-layer

Add tooltip to inactive layers
WikiWatershed · Jul 19, 2017 · 3a72252 · 3a72252
2 parents e975bfe + 0713ab4
commit 3a72252
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/mmw/js/src/core/templates/layerPickerLayer.html b/src/mmw/js/src/core/templates/layerPickerLayer.html
@@ -1,7 +1,7 @@
 <div class="layerpicker-layer">
     <button
         class="{{layerClass}}"
-        {% if isDisabled %} disabled {% endif %}
+        {% if isDisabled %}title="This layer is unavailable at this location" disabled {% endif %}
     >
         {{ layerDisplay }}
     </button>

diff --git a/src/mmw/sass/components/_layerpicker.scss b/src/mmw/sass/components/_layerpicker.scss
@@ -48,15 +48,15 @@
   border: 0;
   outline: 0;
   background: none;
-  color: #999;
+  color: $ui-primary;
   &:hover {
     color: inherit;
   }
   &.active {
     color: $brand-primary;
   }
   &:disabled {
-      color: $ui-light;
+      color: $ui-medium-light;
   }
 }
 

diff --git a/src/mmw/sass/utils/_variables.scss b/src/mmw/sass/utils/_variables.scss
@@ -16,6 +16,7 @@ $paper: #ffffff;
 $ui-primary: #273238; /*Dark Grey*/
 $ui-secondary: #394750; /*Medium Grey*/
 $ui-light: #eceff1; /*Light Grey*/
+$ui-medium-light: #BDBDBD; /* Medium Light Grey */
 $ui-grey: #787878 ; /* Output Tab Bar */
 $ui-danger: #e0412d; /*Errors*/
 $ui-warning: #e4b72f; /*Warnings*/