nakarte

commit 4c4ccb857d9a4d61354b2e7059eba5d65c6fd077
parent 8d5bbe7f8e4e264a1983a8b74e74f364c2228271
Author: Sergej Orlov <wladimirych@gmail.com>
Date:   Thu,  4 Aug 2022 20:56:38 +0200

Fix scrolling buttons container for wikimedia photos

Do not mix flex with inline-block

Diffstat:
M
src/lib/leaflet.control.panoramas/lib/wikimedia/style.css
 | 
8
++++----
M
src/lib/leaflet.map.sidebars/style.css
 | 
4
++--

2 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/src/lib/leaflet.control.panoramas/lib/wikimedia/style.css b/src/lib/leaflet.control.panoramas/lib/wikimedia/style.css
@@ -17,7 +17,6 @@
 }
 
 .wikimedia-viewer-page-buttons-container {
-    width: 100%;
     background-color: #aaaaaa;
     white-space: nowrap;
     overflow-x: auto;
@@ -26,7 +25,7 @@
 }
 
 .wikimedia-viewer-page-buttons-container.enabled {
-    display: block;
+    display: flex;
 }
 
 .wikimedia-viewer-page-button {
@@ -35,7 +34,9 @@
     border: 3px solid #777777;
     color: white;
     height: 37px;
-    width: 37px;
+    flex-basis: 37px;
+    flex-grow: 0;
+    flex-shrink: 0;
     line-height: 37px;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 20px;
@@ -43,7 +44,6 @@
     text-align: center;
     cursor: pointer;
     user-select: none;
-    display: inline-block;
 }
 
 .wikimedia-viewer-page-button.active {
diff --git a/src/lib/leaflet.map.sidebars/style.css b/src/lib/leaflet.map.sidebars/style.css
@@ -13,11 +13,11 @@
 .leaflet-map-sidebar-mid-column {
     display: flex;
     flex-direction: column;
-    flex-basis: 100%;
+    flex-grow: 1;
 }
 
 .leaflet-map-container-with-sidebars {
-    flex-basis: 100%;
+    flex-grow: 1;
 }
 
 .leaflet-map-sidebar-left {