Changeset 6461

Timestamp:

01/29/2018 11:58:25 PM (7 years ago)

Author:

obenland

Message:

WP.org: Make subnav tab accessible

Props choongsavvii, rianrietveld.
Fixes #3091.

File:

• sites/trunk/wordpress.org/public_html/style/wp4.css (modified) (8 diffs)

sites/trunk/wordpress.org/public_html/style/wp4.css

@@ -289 +289 @@
     left: -75%;
     margin: 0;
-    padding: 20px 0 0;
     min-width: 200px;
     max-width: 75%;
@@ -295 +294 @@
     list-style: none;
     text-align: left;
+    top: 100%;
     -webkit-transition: left 0.3s;
     -moz-transition: left 0.3s;
@@ -303 +303 @@
 }
 
-#wporg-header ul#wporg-header-menu.active {
+#wporg-header ul#wporg-header-menu.toggled {
     left: 0;
 }
@@ -336 +336 @@
 
 #wporg-header .nav-submenu {
-    display: none;
-    position: static;
+    clip: rect(1px, 1px, 1px, 1px);
+    height: 1px;
+    left: -2px;
+    margin: 0;
+    overflow: hidden;
     padding: 0;
-    margin-top: -15px;
-    margin-bottom: 10px;
+    position: absolute;
+    width: 1px;
+    z-index: 99999;
 }
 
 #wporg-header ul.nav-submenu li a {
-    margin-left: 20px;
     height: 24px;
     line-height: 24px;
+    margin: 0;
 }
 
@@ -517 +521 @@
 
     #wporg-header ul li a {
-        font-family: "Open Sans", Helvetica, Arial, "Liberation Sans", sans-serif;
-        font-weight: 600;
-        display: block;
-        line-height: 34px;
         padding: 0 6px;
-        margin: 0 4px;
-        font-size: 13px;
-        color: #eee;
         height: 46px;
     }
@@ -554 +551 @@
     }
 
-    #wporg-header ul li:hover .nav-submenu ~ .uparrow, #wporg-header ul li .nav-submenu:hover ~ .uparrow {
+    #wporg-header ul li:hover .nav-submenu ~ .uparrow,
+    #wporg-header ul li .nav-submenu:hover ~ .uparrow {
         width: 0;
         height: 0;
@@ -564 +562 @@
 
     #wporg-header .nav-submenu {
-        display:none!important;/* Prevents #wporg-header ul overwriting this */
+        background: #32373c;
+        border: #32373c solid 1px;
+        border-top: 0;
+        margin-top: -1px;
         min-width: 0;
-        background: #32373c;
-        margin-top: -1px;
-        border: #32373c solid 1px;
-        border-top:0;
-    }
-
-    #wporg-header ul li:hover .nav-submenu, #wporg-header ul li .nav-submenu:hover  {
+    }
+
+    #wporg-header ul li:hover .nav-submenu,
+    #wporg-header ul li .nav-submenu:hover  {
         display:block!important;/* Prevents #wporg-header ul overwriting this */
         position:absolute;
@@ -583 +581 @@
 
     #wporg-header ul li .nav-submenu li {
-        float:none;
+        float: none;
     }
 
     #wporg-header ul.nav-submenu li a {
-        margin-left: 6px;
         height: 34px;
         line-height: 34px;
+    }
+
+    #wporg-header ul.nav-menu li:hover > ul,
+    #wporg-header .nav-menu ul li:hover > ul,
+    #wporg-header ul.nav-menu .focus > ul,
+    #wporg-header .nav-menu .focus > ul {
+        clip: inherit;
+        height: inherit;
+        overflow: inherit;
+        width: inherit;
     }