From a39d89295c2ecf71b6864ab9d90c92df2b6ce75a Mon Sep 17 00:00:00 2001
From: fim100 <107080649+fim100@users.noreply.github.com>
Date: Mon, 5 Aug 2024 12:38:01 +0330
Subject: [PATCH] making slideshow.css rtl-friendly

---
 umap/static/umap/css/slideshow.css | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/umap/static/umap/css/slideshow.css b/umap/static/umap/css/slideshow.css
index 795c77da..1877cc87 100644
--- a/umap/static/umap/css/slideshow.css
+++ b/umap/static/umap/css/slideshow.css
@@ -1,6 +1,6 @@
 .umap-slideshow-toolbox {
     position: absolute;
-    right: 0;
+    inset-inline-end: 0;
     top: 0;
     display: none;
 }
@@ -20,7 +20,7 @@
     text-align: center;
 }
 .umap-slideshow-toolbox li + li {
-    border-left: 1px solid var(--color-light);
+    border-inline-start: 1px solid var(--color-light);
 }
 .umap-slideshow-toolbox li:hover {
     background-color: var(--color-mediumGray);
@@ -28,8 +28,8 @@
 .umap-slideshow-active .umap-slideshow-toolbox .play,
 .umap-slideshow-toolbox .play {
     width: calc(var(--footer-height) * 3);
-    text-align: left;
-    padding-left: 20px;
+    text-align: start;
+    padding-inline-start: 20px;
 }
 .umap-slideshow-toolbox .play:after {
     content: '⏯︎';
@@ -43,9 +43,15 @@
 .umap-slideshow-toolbox .next:before {
     content: '⏵︎';
 }
+html[dir="rtl"] .umap-slideshow-toolbox .next:before {
+    content: '⏴︎';
+}
 .umap-slideshow-toolbox .prev:before {
     content: '⏴︎';
 }
+html[dir="rtl"] .umap-slideshow-toolbox .prev:before {
+    content: '⏵︎';
+}
 .umap-slideshow-toolbox .play div {
     height: 20px;
     width: 20px;