almet/umap
1
0
Fork 0
mirror of https://github.com/umap-project/umap.git synced 2025-04-29 11:52:38 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

making slideshow.css rtl-friendly

Browse source
This commit is contained in:
fim100 2024-08-05 12:38:01 +03:30 committed by Yohan Boniface
parent 1671a0bef1
commit a39d89295c
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
umap/static/umap/css/slideshow.css
View file

@ -1,6 +1,6 @@
.umap-slideshow-toolbox { .umap-slideshow-toolbox {
position: absolute; position: absolute;
right: 0; inset-inline-end: 0;
top: 0; top: 0;
display: none; display: none;
} }
@ -20,7 +20,7 @@
text-align: center; text-align: center;
} }
.umap-slideshow-toolbox li + li { .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 { .umap-slideshow-toolbox li:hover {
background-color: var(--color-mediumGray); background-color: var(--color-mediumGray);
@ -28,8 +28,8 @@
.umap-slideshow-active .umap-slideshow-toolbox .play, .umap-slideshow-active .umap-slideshow-toolbox .play,
.umap-slideshow-toolbox .play { .umap-slideshow-toolbox .play {
width: calc(var(--footer-height) * 3); width: calc(var(--footer-height) * 3);
text-align: left; text-align: start;
padding-left: 20px; padding-inline-start: 20px;
} }
.umap-slideshow-toolbox .play:after { .umap-slideshow-toolbox .play:after {
content: '⏯︎'; content: '⏯︎';
@ -43,9 +43,15 @@
.umap-slideshow-toolbox .next:before { .umap-slideshow-toolbox .next:before {
content: '⏵︎'; content: '⏵︎';
} }
html[dir="rtl"] .umap-slideshow-toolbox .next:before {
content: '⏴︎';
}
.umap-slideshow-toolbox .prev:before { .umap-slideshow-toolbox .prev:before {
content: '⏴︎'; content: '⏴︎';
} }
html[dir="rtl"] .umap-slideshow-toolbox .prev:before {
content: '⏵︎';
}
.umap-slideshow-toolbox .play div { .umap-slideshow-toolbox .play div {
height: 20px; height: 20px;
width: 20px; width: 20px;