[ADD] rtl bi-directional support with css and js

google · Oct 23, 2023 · 673d40d · 673d40d
1 parent cf798ae
commit 673d40d
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/book.toml b/book.toml
@@ -35,6 +35,7 @@ additional-css = [
   "theme/css/speaker-notes.css",
   "theme/css/language-picker.css",
   "theme/css/frontmatter.css",
+  "theme/css/rtl-bidi.css",
 ]
 site-url = "/comprehensive-rust/"
 git-repository-url = "https://github.com/google/comprehensive-rust"

diff --git a/theme/css/rtl-bidi.css b/theme/css/rtl-bidi.css
@@ -0,0 +1,3 @@
+h1,h2,h3,h4,h5,h6,p,ul,li,details,button,a,ul > li {
+    unicode-bidi:embed;
+}
diff --git a/theme/index.hbs b/theme/index.hbs
@@ -403,5 +403,15 @@
         {{/if}}
 
     </div>
+      <script>
+        window.addEventListener('load', function() {
+            const bidiNeededTags = ['h1','h2','h3','h4','h5','h6','p', 'ul', '.cookieBarInner' , 'details']
+            bidiNeededTags.forEach(bidiNeededTag =>{
+                document.querySelectorAll(bidiNeededTag).forEach(selectedTag =>{
+                    selectedTag.setAttribute("dir", "auto")
+                })              
+            })               
+        });
+        </script>
     </body>
 </html>