From 7be62f3dab5178338bf91a0bf4aec18899b1881f Mon Sep 17 00:00:00 2001
From: Yohan Boniface <yohanboniface@free.fr>
Date: Fri, 21 Jun 2024 16:31:08 +0200
Subject: [PATCH] fix: fix slideshow toolbar position and size

broken by c0ecc3943973f9efcfb16ebe2b0a9600a0967a0d
---
 umap/static/umap/map.css  | 23 +++++++++++++----------
 umap/static/umap/vars.css |  2 +-
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/umap/static/umap/map.css b/umap/static/umap/map.css
index 62ead726..07980b22 100644
--- a/umap/static/umap/map.css
+++ b/umap/static/umap/map.css
@@ -678,7 +678,9 @@ ul.photon-autocomplete {
     font-style: italic;
 }
 .umap-slideshow-toolbox {
-    float: right;
+    position: absolute;
+    right: 0;
+    top: 0;
     display: none;
 }
 .umap-slideshow-enabled .umap-slideshow-toolbox {
@@ -690,9 +692,9 @@ ul.photon-autocomplete {
     font-size: 1.5em;
     background-color: #464646;
     color: #fff;
-    height: 46px;
-    width: 70px;
-    line-height: 46px;
+    width: calc(var(--footer-height) * 2);
+    height: var(--footer-height);
+    line-height: var(--footer-height);
     vertical-align: middle;
     text-align: center;
 }
@@ -704,24 +706,24 @@ ul.photon-autocomplete {
 }
 .umap-slideshow-active .umap-slideshow-toolbox .play,
 .umap-slideshow-toolbox .play {
-    width: 100px;
+    width: calc(var(--footer-height) * 3);
     text-align: left;
     padding-left: 20px;
 }
 .umap-slideshow-toolbox .play:after {
-    content: ' ▶';
+    content: '⏯︎';
 }
 .umap-slideshow-active .umap-slideshow-toolbox .play:after {
-    content: ' ❚❚';
+    content: '⏸︎';
 }
 .umap-slideshow-toolbox .stop:before {
-    content: '■';
+    content: '⏹';
 }
 .umap-slideshow-toolbox .next:before {
-    content: '➡';
+    content: '⏵︎';
 }
 .umap-slideshow-toolbox .prev:before {
-    content: '⬅';
+    content: '⏴︎';
 }
 .umap-slideshow-toolbox .play div {
     height: 20px;
@@ -1127,6 +1129,7 @@ a.umap-control-caption,
 }
 
 .umap-popup-footer {
+    position: relative;
     background-color: rgb(68, 68, 68);
     color: white;
     display: table;
diff --git a/umap/static/umap/vars.css b/umap/static/umap/vars.css
index e19f753b..f6732983 100644
--- a/umap/static/umap/vars.css
+++ b/umap/static/umap/vars.css
@@ -29,7 +29,7 @@
     --panel-width: 400px;
     --header-height: 46px;
     --current-header-height: 0px;
-    --footer-height: 28px;
+    --footer-height: 32px;
     --current-footer-height: 0px;
     --control-size: 36px;
     --border-radius: 4px;