fix: fix slideshow toolbar position and size

broken by c0ecc39439
This commit is contained in:
Yohan Boniface 2024-06-21 16:31:08 +02:00
parent f09024e8e8
commit 7be62f3dab
2 changed files with 14 additions and 11 deletions

View file

@ -678,7 +678,9 @@ ul.photon-autocomplete {
font-style: italic; font-style: italic;
} }
.umap-slideshow-toolbox { .umap-slideshow-toolbox {
float: right; position: absolute;
right: 0;
top: 0;
display: none; display: none;
} }
.umap-slideshow-enabled .umap-slideshow-toolbox { .umap-slideshow-enabled .umap-slideshow-toolbox {
@ -690,9 +692,9 @@ ul.photon-autocomplete {
font-size: 1.5em; font-size: 1.5em;
background-color: #464646; background-color: #464646;
color: #fff; color: #fff;
height: 46px; width: calc(var(--footer-height) * 2);
width: 70px; height: var(--footer-height);
line-height: 46px; line-height: var(--footer-height);
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
} }
@ -704,24 +706,24 @@ ul.photon-autocomplete {
} }
.umap-slideshow-active .umap-slideshow-toolbox .play, .umap-slideshow-active .umap-slideshow-toolbox .play,
.umap-slideshow-toolbox .play { .umap-slideshow-toolbox .play {
width: 100px; width: calc(var(--footer-height) * 3);
text-align: left; text-align: left;
padding-left: 20px; padding-left: 20px;
} }
.umap-slideshow-toolbox .play:after { .umap-slideshow-toolbox .play:after {
content: ''; content: '⏯︎';
} }
.umap-slideshow-active .umap-slideshow-toolbox .play:after { .umap-slideshow-active .umap-slideshow-toolbox .play:after {
content: ' ❚❚'; content: '⏸︎';
} }
.umap-slideshow-toolbox .stop:before { .umap-slideshow-toolbox .stop:before {
content: ''; content: '';
} }
.umap-slideshow-toolbox .next:before { .umap-slideshow-toolbox .next:before {
content: ''; content: '⏵︎';
} }
.umap-slideshow-toolbox .prev:before { .umap-slideshow-toolbox .prev:before {
content: ''; content: '⏴︎';
} }
.umap-slideshow-toolbox .play div { .umap-slideshow-toolbox .play div {
height: 20px; height: 20px;
@ -1127,6 +1129,7 @@ a.umap-control-caption,
} }
.umap-popup-footer { .umap-popup-footer {
position: relative;
background-color: rgb(68, 68, 68); background-color: rgb(68, 68, 68);
color: white; color: white;
display: table; display: table;

View file

@ -29,7 +29,7 @@
--panel-width: 400px; --panel-width: 400px;
--header-height: 46px; --header-height: 46px;
--current-header-height: 0px; --current-header-height: 0px;
--footer-height: 28px; --footer-height: 32px;
--current-footer-height: 0px; --current-footer-height: 0px;
--control-size: 36px; --control-size: 36px;
--border-radius: 4px; --border-radius: 4px;