From c7fefee5d6fdcf1ffb451776753b3a10204351da Mon Sep 17 00:00:00 2001 From: William Patton Date: Sun, 10 Nov 2019 22:09:30 +0000 Subject: [PATCH] Rebuild RTL styles based on latest changes (#990) --- style-rtl.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/style-rtl.css b/style-rtl.css index a79aaef89..a4dc8c9e6 100644 --- a/style-rtl.css +++ b/style-rtl.css @@ -180,6 +180,7 @@ path { position: absolute !important; width: 1px; word-wrap: normal !important; + word-break: normal; } .screen-reader-text:focus { @@ -1702,6 +1703,38 @@ ul.primary-menu { transform: rotate(-180deg); } +/* + * Enable nav submenu expansion with tapping on arrows on large-viewport + * touch interfaces (e.g. tablets or laptops with touch screens). + * These rules are supported by all browsers (>IE11) and when JS is disabled. + */ +@media (any-pointer: coarse) { + + .primary-menu > li.menu-item-has-children > a { + padding-left: 0; + margin-left: 2rem; + } + + .primary-menu ul li.menu-item-has-children > a { + margin-left: 4.5rem; + padding-left: 0; + width: unset; + } + +} + +/* Repeat previous rules for IE11 (when JS enabled for polyfill). */ +body.touch-enabled .primary-menu > li.menu-item-has-children > a { + padding-left: 0; + margin-left: 2rem; +} + +body.touch-enabled .primary-menu ul li.menu-item-has-children > a { + margin-left: 4.5rem; + padding-left: 0; + width: unset; +} + /* -------------------------------------------------------------------------- */ /* 5. Menu Modal