Changeset 14308

Timestamp:

12/18/2024 03:45:52 AM (4 months ago)

Author:

adamwood

Message:

Breathe 2024: Improve RTL styles for local nav

Use logical properties to re-implement overridden mu-plugins RTL styles

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe-2024/style.css (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe-2024/style.css

@@ -199 +199 @@
 }
 
-/* TODO: This should be handled by RTL CSS in mu-plugins */
-[dir="rtl"] .wp-block-wporg-local-navigation-bar {
-    padding-right: var(--wp--preset--spacing--edge-space);
-
-    @media (max-width: 889px) {
-        padding-left: unset;
-    }
-}
-
 /* 2021 global header/footer */
 
@@ -251 +242 @@
 /* Local navigation */
 
+/* This is necessary because the p2-breathe reset styles set `div { padding: 0 }`, and the mu-plugins selector
+ * `:where(.wp-block-wporg-local-navigation-bar)` is not specific enough to override it.
+*/
 .wp-block-wporg-local-navigation-bar {
-    padding-left: var(--wp--preset--spacing--edge-space);
-
-    @media (min-width: 890px) {
-        padding-right: var(--wp--preset--spacing--edge-space);
+    padding-inline-start: var(--wp--preset--spacing--edge-space);
+    padding-inline-end: var(--wp--preset--spacing--edge-space);
+
+    @media (max-width: 889px) {
+        padding-inline-end: 0;
     }
 }