Fixed some spacing issues for right-to-left languages

squidfunk · Oct 2, 2021 · 2d3354b · 2d3354b
1 parent 12666a3
commit 2d3354b
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 13 deletions.
diff --git a/material/assets/stylesheets/main.1c75ef36.min.css b/material/assets/stylesheets/main.1c75ef36.min.css
diff --git a/material/assets/stylesheets/main.1c75ef36.min.css.map b/material/assets/stylesheets/main.1c75ef36.min.css.map
diff --git a/material/assets/stylesheets/main.5a8d6a6f.min.css b/material/assets/stylesheets/main.5a8d6a6f.min.css
diff --git a/material/assets/stylesheets/main.5a8d6a6f.min.css.map b/material/assets/stylesheets/main.5a8d6a6f.min.css.map
diff --git a/material/base.html b/material/base.html
@@ -39,7 +39,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.5a8d6a6f.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.1c75ef36.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.3f5d1f46.min.css' | url }}">

diff --git a/src/assets/stylesheets/main/layout/_nav.scss b/src/assets/stylesheets/main/layout/_nav.scss
@@ -305,6 +305,12 @@
           margin-right: px2rem(-4px);
           font-size: px2rem(24px);
 
+          // Adjust for right-to-left languages
+          [dir="rtl"] & {
+            margin-right: 0;
+            margin-left: px2rem(-4px);
+          }
+
           // Navigation icon in link to next level
           &::after {
             display: block;

diff --git a/src/assets/stylesheets/main/layout/_source.scss b/src/assets/stylesheets/main/layout/_source.scss
@@ -161,22 +161,22 @@
       mask-repeat: no-repeat;
       mask-size: contain;
       content: "";
+
+      // Adjust for right-to-left languages
+      [dir="rtl"] & {
+        margin-right: initial;
+        margin-left: px2rem(2px);
+      }
     }
 
     // Adjust spacing for repository fact icon
     &:nth-child(1n+2)::before {
       margin-left: px2rem(8px);
-    }
 
-    // Adjust for right-to-left languages
-    [dir="rtl"] & {
-      margin-right: initial;
-      margin-left: px2rem(2px);
-
-      // Adjust spacing for repository fact icon
-      &:nth-child(1n+2)::before {
+      // Adjust for right-to-left languages
+      [dir="rtl"] & {
         margin-right: px2rem(8px);
-        margin-left: initial;
+        margin-left: px2rem(2px);
       }
     }