Show drop downs only on hover when JS is disabled (#1285)

Fixed #52
python · Jul 6, 2018 · 481f4b8 · 481f4b8
1 parent 1644955
commit 481f4b8
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/static/sass/style.css b/static/sass/style.css
@@ -1115,6 +1115,8 @@ h2.not-column {
     line-height: 1px;
     border-top: 1px solid #070a0c;
     border-bottom: 1px solid #2d3e4d; }
+  .options-bar .subnav {
+    display: none; }
 
 #site-map-link,
 .jump-to-menu,
@@ -1560,6 +1562,10 @@ input#s,
       .account-signin .subnav:before {
         top: -1.6em;
         border-color: transparent transparent #666666 transparent; }
+  .adjust-font-size :hover .subnav,
+  .winkwink-nudgenudge :hover .subnav,
+  .account-signin :hover .subnav {
+    display: block; }
 
 .account-signin {
   display: none; }

diff --git a/static/sass/style.scss b/static/sass/style.scss
@@ -446,6 +446,10 @@ $optionsbar-text: #bbb;
         border-top: 1px solid darken( $darkerblue, 12% );
         border-bottom: 1px solid lighten( $darkerblue, 8% );
     }
+
+    .subnav {
+        display: none;
+    }
 }
 
 #site-map-link,
@@ -583,6 +587,10 @@ input#s,
         }
     }
 
+    :hover .subnav {
+        display: block;
+    }
+
     /*.close-subnav {
         @include pe-border( $color-bottom: $grey-light );