Change collapsed icon in menu for RTL pages (alex-shpak#354)

cookeem · Jun 21, 2021 · 0d2ed55 · 0d2ed55
1 parent 379e311
commit 0d2ed55
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/assets/_main.scss b/assets/_main.scss
@@ -135,6 +135,17 @@ ul.pagination {
   }
 }
 
+// for RTL support
+body[dir="rtl"] .book-menu {
+  input.toggle + label::after {
+    content: "◂";
+  }
+
+  input.toggle:checked + label::after {
+    content: "▾";
+  }
+}
+
 .book-section-flat {
   margin-bottom: $padding-16 * 2;
 
@@ -381,7 +392,7 @@ ul.pagination {
     }
   }
 
-  //for RTL support
+  // for RTL support
   body[dir="rtl"] #menu-control:checked ~ main {
     .book-menu .book-menu-content {
       transform: translateX(-$menu-width);