From 822d5587744177fe16ef5befc33cc312f8694bba Mon Sep 17 00:00:00 2001 From: Lance Willett Date: Thu, 10 Oct 2013 15:30:25 +0000 Subject: [PATCH] Twenty Fourteen: a11y and RTL fixes for tabbed navigation and Skip to Content link. Props obenland, see #25054. git-svn-id: https://develop.svn.wordpress.org/trunk@25756 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-content/themes/twentyfourteen/rtl.css | 21 +++++++++++++++++-- .../themes/twentyfourteen/style.css | 5 +++-- 2 files changed, 22 insertions(+), 4 deletions(-) diff --git a/src/wp-content/themes/twentyfourteen/rtl.css b/src/wp-content/themes/twentyfourteen/rtl.css index feb5f99049..62e8798232 100644 --- a/src/wp-content/themes/twentyfourteen/rtl.css +++ b/src/wp-content/themes/twentyfourteen/rtl.css @@ -51,6 +51,11 @@ li > ol { margin-left: auto; } +.screen-reader-text:focus { + left: auto; + right: 5px; +} + /* =Header ----------------------------------------------- */ @@ -100,15 +105,27 @@ li > ol { .primary-navigation ul ul { float: right; - right: 0; + right: -999em; left: auto; } .primary-navigation ul ul ul { - right: 100%; + 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%; +} + /* Secondary Navigation */ .secondary-navigation ul ul { margin: 0 20px 0 0; diff --git a/src/wp-content/themes/twentyfourteen/style.css b/src/wp-content/themes/twentyfourteen/style.css index ddb83ae640..09b1092b9c 100644 --- a/src/wp-content/themes/twentyfourteen/style.css +++ b/src/wp-content/themes/twentyfourteen/style.css @@ -429,6 +429,7 @@ a:active { left: 5px; top: 5px; text-decoration: none; + text-transform: none; width: auto; z-index: 100000; /* Above WP toolbar */ } @@ -706,11 +707,11 @@ body { background-color: #000; } .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%; } .primary-navigation .current_page_item > a,