Changeset 25756

Timestamp:

10/10/2013 03:30:25 PM (11 years ago)

Author:

lancewillett

Message:

Twenty Fourteen: a11y and RTL fixes for tabbed navigation and Skip to Content link. Props obenland, see #25054.

Location:

trunk/src/wp-content/themes/twentyfourteen

Files:

• rtl.css (modified) (2 diffs)
• style.css (modified) (2 diffs)

trunk/src/wp-content/themes/twentyfourteen/rtl.css

@@ -52 +52 @@
 }
 
+.screen-reader-text:focus {
+    left: auto;
+    right: 5px;
+}
+
 /* =Header
 ----------------------------------------------- */
@@ -101 +106 @@
 .primary-navigation ul ul {
     float: right;
-    right: 0;
+    right: -999em;
     left: auto;
 }
 
 .primary-navigation ul ul ul {
+    right: -999em;
+    left: auto;
+}
+
+
+.primary-navigation ul li:hover > ul,
+.primary-navigation ul li.focus > ul {
+    right: auto;
+}
+
+.primary-navigation ul ul li:hover > ul,
+.primary-navigation ul ul li.focus > ul {
+    left: auto;
     right: 100%;
-    left: auto;
 }
 

trunk/src/wp-content/themes/twentyfourteen/style.css

@@ -430 +430 @@
     top: 5px;
     text-decoration: none;
+    text-transform: none;
     width: auto;
     z-index: 100000; /* Above WP toolbar */
@@ -707 +708 @@
 }
 .primary-navigation ul li:hover > ul,
-.primary-navigation ul li.a11y-focus > ul {
+.primary-navigation ul li.focus > ul {
     left: auto;
 }
 .primary-navigation ul ul li:hover > ul,
-.primary-navigation ul ul li.a11y-focus > ul {
+.primary-navigation ul ul li.focus > ul {
     left: 100%;
 }