Changeset 6461

Timestamp:

01/29/2018 11:58:25 PM (9 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;
         }