increase width

1cgeo · Sep 3, 2024 · 8366bdc · 8366bdc
1 parent 419b608
commit 8366bdc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -259,9 +259,9 @@ datalist {
 .modal-content {
   background-color: rgb(254, 254, 254, 0.8);
   margin: auto;
-  padding: 20px;
+  padding: 5px;
   border: 1px solid #888;
-  width: 450px;
+  width: 350px;
 }
 
 /* The Close Button */

diff --git a/js/main.js b/js/main.js
@@ -72,7 +72,7 @@ loadLegend = (
     let legendEl = document.getElementById(legendElId);
 
     legendEl.style.display = 'block';
-    legendEl.style.width = (legendOrto && legendOrto.length > 0) ? '450px' : '150px';
+    legendEl.style.width = (legendOrto && legendOrto.length > 0) ? (mobileScreen() ? '350px' : '450px') : '150px';
     legendEl.innerHTML = '';
 
     let legendTitle = `
@@ -122,7 +122,7 @@ loadLegend = (
     let slideIndex = getSlideIndex(activeSlide);
     let sliderContent = (slideIndex > 2 && slideIndex < 7) ? `
         <h4>Escolha a partir de qual ano exibir as cartas</h4>
-        <input type="range" min="${yearInterval.min}" max="${yearInterval.max}" value="${year}" id="sliderFilter" list="values" step="1"/>
+        <input type="range" min="${yearInterval.min}" max="${yearInterval.max}" value="${year}" id="sliderFilter" list="values" step="1" autocomplete="false"/>
         <datalist id="values">
             <option value="${yearInterval.min}" label="${yearInterval.min}"></option>
             <option value="${yearInterval.max}" label="${yearInterval.max}"></option>
@@ -766,7 +766,7 @@ setProjectSettings = async () => {
                         var filteredEditionsTopo = editionsTopo.filter(year => parseInt(year, 10) >= (yearFilter || 1500))
                         var filteredEditionsOrto = editionsOrto.filter(year => parseInt(year, 10) >= (yearFilter || 1500))
                         new maplibregl.Popup({
-                            maxWidth: '300px'
+                            maxWidth: '350px'
                         })
                             .setLngLat(e.lngLat)
                             .setHTML(`