almet/umap
1
0
Fork 0
mirror of https://github.com/umap-project/umap.git synced 2025-05-05 06:01:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Update slideshow.css

Browse source 
Adding RTL styles to slideshow.css
This commit is contained in:
fim100 2024-08-02 18:40:20 +03:30
parent 03e90af703
commit e61e1e1d3d
1 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -4,6 +4,10 @@
top: 0; top: 0;
display: none; display: none;
} }
html[dir="rtl"] .umap-slideshow-toolbox {
left: 0;
right: auto;
}
.umap-slideshow-enabled .umap-slideshow-toolbox { .umap-slideshow-enabled .umap-slideshow-toolbox {
display: inline-block; display: inline-block;
} }
@ -22,6 +26,10 @@
.umap-slideshow-toolbox li + li { .umap-slideshow-toolbox li + li {
border-left: 1px solid var(--color-light); 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 { .umap-slideshow-toolbox li:hover {
background-color: var(--color-mediumGray); background-color: var(--color-mediumGray);
} }
@ -31,6 +39,12 @@
text-align: left; text-align: left;
padding-left: 20px; 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 { .umap-slideshow-toolbox .play:after {
content: '⏯︎'; content: '⏯︎';
} }
@ -43,9 +57,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;