Changeset 14268

Timestamp:

12/11/2024 07:43:44 PM (15 months ago)

Author:

adamwood

Message:

Breathe 2024: Fix RTL issues

Primary and secondary column order.
List padding.
Local nav padding.

See ​https://github.com/WordPress/wordpress.org/issues/377

File:

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

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

@@ -73 +73 @@
 }
 
-.rtl ul,
-.rtl ol {
-    margin-left: 0;
-    margin-right: 25px;
-}
-
 h1,
 h2,
@@ -175 +169 @@
 }
 
+@media (max-width: 876px) {
+    .content-area table {
+        display: block;
+        max-width: fit-content;
+        overflow-x: auto;
+    }
+}
+
 /*
 * Block styles
@@ -195 +197 @@
 .sticky .wp-block-table.is-style-stripes tbody tr:nth-child(even) {
     background-color: color-mix( in srgb, currentColor 7%, transparent );
+}
+
+/* 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;
+    }
 }
 
@@ -899 +910 @@
 }
 
+#primary {
+    width: 68%;
+    float: inline-start;
+    padding-right: unset;
+    padding-inline-end: var(--wp--preset--spacing--20);
+}
+
+#secondary {
+    float: inline-end;
+    clear: inline-end;
+}
+
+@media (max-width: 876px) {
+    #primary {
+        width: 100%;
+    }
+}
+
 @media (max-width: 876px) {
     #primary {
         -webkit-backface-visibility: initial;
+        padding-inline-end: unset;
     }
 
@@ -976 +1006 @@
     }
 
-}
-
-.content-area {
-    width: 68%;
-}
-
-@media (max-width: 876px) {
-    .content-area {
-        width: 100%;
-    }
-
-    .content-area table {
-        display: block;
-        max-width: fit-content;
-        overflow-x: auto;
-    }
 }