From 09ea21120483d68830c8ce2e39ab46f8748bffb6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B6ren=20Weber?= <mail@soeren-weber.de>
Date: Thu, 9 Feb 2023 01:02:06 +0100
Subject: [PATCH] expand: simplify RTL support

---
 layouts/partials/shortcodes/expand.html | 3 +--
 static/css/ie.css                       | 3 +++
 static/css/theme.css                    | 7 +++----
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/layouts/partials/shortcodes/expand.html b/layouts/partials/shortcodes/expand.html
index ecd727202f..a5c29ccd0b 100644
--- a/layouts/partials/shortcodes/expand.html
+++ b/layouts/partials/shortcodes/expand.html
@@ -12,8 +12,7 @@
     <input type="checkbox" id="expand-{{ $id }}" aria-controls="expandcontent-{{ $id }}" {{ if $expanded }} checked{{ end }}>
     <label class="expand-label" for="expand-{{ $id }}" >
         <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-left expand-rtl"></i>
-        <i class="fas fa-chevron-right expand-ltr"></i>
+        <i class="fas fa-chevron-right"></i>
         {{ $title }}
     </label>
     <div id="expandcontent-{{ $id }}" class="expand-content">
diff --git a/static/css/ie.css b/static/css/ie.css
index 72cd64fcc0..dbcc072030 100644
--- a/static/css/ie.css
+++ b/static/css/ie.css
@@ -14,6 +14,9 @@
 	html[dir="rtl"] .progress {
         left: 4.25rem;
     }
+	html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
+		transform: scaleX(1);
+	}
 	article,
 	.toc-wrapper,
 	.tags {
diff --git a/static/css/theme.css b/static/css/theme.css
index 9386c6c857..3bb8f119c7 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -1136,10 +1136,9 @@ option {
     display: none;
 }
 
-/* turn off unsuitable expander for this reading direction */
-html[dir="ltr"] .expand > .expand-label > .expand-rtl,
-html[dir="rtl"] .expand > .expand-label > .expand-ltr {
-    display: none;
+/* adjust expander for RTL reading direction */
+html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
+    transform: scaleX(-1);
 }
 
 #body footer.footline{