From e61e1e1d3da2a61ddd5237327b90fbeb346b0ef8 Mon Sep 17 00:00:00 2001 From: fim100 <107080649+fim100@users.noreply.github.com> Date: Fri, 2 Aug 2024 18:40:20 +0330 Subject: [PATCH] Update slideshow.css Adding RTL styles to slideshow.css --- umap/static/umap/css/slideshow.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/umap/static/umap/css/slideshow.css b/umap/static/umap/css/slideshow.css index 795c77da..3a6e2f3d 100644 --- a/umap/static/umap/css/slideshow.css +++ b/umap/static/umap/css/slideshow.css @@ -4,6 +4,10 @@ top: 0; display: none; } +html[dir="rtl"] .umap-slideshow-toolbox { + left: 0; + right: auto; +} .umap-slideshow-enabled .umap-slideshow-toolbox { display: inline-block; } @@ -22,6 +26,10 @@ .umap-slideshow-toolbox li + li { border-left: 1px solid var(--color-light); } +html[dir="rtl"] .umap-slideshow-toolbox li + li { + border-right: 1px solid var(--color-light); + border-left: none; +} .umap-slideshow-toolbox li:hover { background-color: var(--color-mediumGray); } @@ -31,6 +39,12 @@ text-align: left; padding-left: 20px; } +html[dir="rtl"] .umap-slideshow-active .umap-slideshow-toolbox .play, +html[dir="rtl"] .umap-slideshow-toolbox .play { + text-align: right; + padding-right: 20px; + padding-left: 0; +} .umap-slideshow-toolbox .play:after { content: '⏯︎'; } @@ -43,9 +57,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;