polen/prixdugaz
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

minor improvment

Browse source
This commit is contained in:
Polen 2026-04-07 23:37:35 -04:00
parent 8728647262
commit 5ba53c0e88
2 changed files with 25 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

29
static/style.css
View file

@ -158,6 +158,13 @@ html, body { height: 100%; margin: 0; padding: 0; }
line-height: 1.6;
}
.cluster-hint {
display: none;
font-size: 11px;
color: var(--muted-foreground);
margin-bottom: 10px;
}
.fuel-btn {
padding: 4px 12px;
border: 1px solid var(--border);
@ -243,7 +250,7 @@ html, body { height: 100%; margin: 0; padding: 0; }
#filter-toggle {
display: none; /* hidden on desktop */
position: absolute;
bottom: 16px; left: 12px;
bottom: 24px; left: 12px;
z-index: 1001;
padding: 8px 14px;
font-size: 13px; font-weight: 600;
@ -295,11 +302,19 @@ html, body { height: 100%; margin: 0; padding: 0; }
/* Hide the toggle when panel is open */
#filter-toggle.hidden { display: none; }
/* Cluster tooltip: constrain on small screens */
.cluster-info-tooltip {
white-space: normal;
max-width: 70vw;
left: auto; right: 0;
transform: translateY(-50%);
/* Fuel & cluster toggle buttons: full-width on mobile */
#slider-panel .fuel-btns {
width: 100%;
}
.fuel-btn {
flex: 1;
text-align: center;
padding: 8px 6px;
font-size: 13px;
}
/* Cluster tooltip: hide icon, show hint text on mobile */
.cluster-info-tip { display: none; }
.cluster-hint { display: block; }
.cluster-row { margin-bottom: 0; }
}

5
templates/map.html
View file

@ -26,8 +26,8 @@
<button class="fuel-btn" data-fuel="super">Super</button>
<button class="fuel-btn" data-fuel="diesel">Diesel</button>
</div>
<div style="display:flex; align-items:center; gap:6px; margin-bottom:10px;">
<div class="fuel-btns" id="cluster-btns" style="margin-bottom:0;">
<div class="cluster-row" style="display:flex; align-items:center; gap:6px; margin-bottom:10px;">
<div class="fuel-btns" id="cluster-btns" style="margin-bottom:0; flex:1;">
<button class="fuel-btn cluster-btn" data-mode="min">Min</button>
<button class="fuel-btn cluster-btn active" data-mode="avg">Moy</button>
<button class="fuel-btn cluster-btn" data-mode="max">Max</button>
@ -43,6 +43,7 @@
</div>
</div>
</div>
<div class="cluster-hint">Prix affiché sur chaque groupe de stations.</div>
<label style="display:flex; align-items:center; gap:6px; margin-bottom:10px; font-size:14px; cursor:pointer;">
<input type="checkbox" role="switch" id="costco-toggle" checked>
Costco