Changeset 58582

Timestamp:

06/26/2024 07:11:39 PM (3 months ago)

Author:

karmatosed

Message:

Twenty Nineteen: Fixes messy navigation with RTL language.

The first tag wasn't switching correctly. This resolves it for an adjacent RTL language link setting list items to inline-block.

Props manooweb, audrasjb, SergeyBiryukov, davidbaumwald, marybaum, sabernhardt.
Fixes #46658.

Location:

trunk/src/wp-content/themes/twentynineteen

Files:

• sass/navigation/_menu-main-navigation.scss (modified) (1 diff)
• style-rtl.css (modified) (1 diff)
• style.css (modified) (1 diff)

trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss

@@ -57 +57 @@
 
             color: $color__link;
-            display: inline;
+            display: inline-block;
             position: relative;
 

trunk/src/wp-content/themes/twentynineteen/style-rtl.css

@@ -2831 +2831 @@
 .main-navigation .main-menu > li {
   color: #0073aa;
-  display: inline;
+  display: inline-block;
   position: relative;
 }

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

@@ -2831 +2831 @@
 .main-navigation .main-menu > li {
   color: #0073aa;
-  display: inline;
+  display: inline-block;
   position: relative;
 }