Merge pull request #41 from Glimpse/philliphoff-changecursor

Use link cursor even for Glimpse HUD sections
Glimpse · Apr 6, 2017 · fc66b2c · fc66b2c
2 parents c9ba5ae + a66ac40
commit fc66b2c
Showing 1 changed file with 16 additions and 10 deletions.
diff --git a/src/index.scss b/src/index.scss
@@ -10,6 +10,8 @@
 }
 
 $hud-height: 40px;
+$hud-highlight-background: rgba(#0d5c9d, 0.85);
+$hud-highlight-foreground: #f1f1f1;
 
 .glimpse, .glimpse *, .glimpse a, .glimpse td, .glimpse th, .glimpse table {
     font-family: 'Segoe UI', 'Selawik', Tahoma, Geneva, Verdana, sans-serif;
@@ -38,16 +40,15 @@ $hud-height: 40px;
     line-height: $hud-height;
     padding: 0 1rem;
     border-right: 1px solid #3399ff;
+}
+.glimpse:hover .glimpse-link {
+    background-color: $hud-highlight-background;
 
-    &:hover {
-        background-color: rgba(#0d5c9d, 0.85);
-
-        > .glimpse-link-text {
-            color: #f1f1f1;
-        }
-        > .glimpse-arrow {
-            fill: #f1f1f1;
-        }
+    > .glimpse-link-text {
+        color: $hud-highlight-foreground;
+    }
+    > .glimpse-arrow {
+        fill: $hud-highlight-foreground;
     }
 }
 .glimpse .glimpse-link-text {
@@ -93,12 +94,17 @@ $hud-height: 40px;
     display: inline-block;
     height: $hud-height;
 }
+.glimpse:hover .glimpse-hud { 
+    background-color: $hud-highlight-background;
+}
+.glimpse:hover .glimpse-hud-header, .glimpse:hover .glimpse-hud-postfix { 
+    color: $hud-highlight-foreground;
+}
 .glimpse .glimpse-hud-section {
     float: left; 
     transition: all 0.3s ease;
     border: none;
     position: relative;
-    cursor: default;
     height: 37px;
 }
 .glimpse .glimpse-hud-title {