eliott/worldmonitor
1
0
Fork 0
mirror of https://github.com/koala73/worldmonitor.git synced 2026-04-25 17:14:57 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix mobile horizontal overflow from deck.gl legend (#987)

Browse Source 
* fix(mobile): prevent deckgl legend overflow

* fix: clean up redundant CSS in mobile legend override

Remove redundant max-width (left/right already constrains) and fix
gap shorthand overwriting row-gap (use gap: 6px 8px instead).
This commit is contained in:
Elie Habib
2026-03-04 17:31:15 +04:00
committed by GitHub
parent aaf06cae79
commit cdb311ae78
1 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles/main.css
View File

@@ -13566,6 +13566,24 @@ a.prediction-link:hover {
}
}
/* Mobile: prevent horizontal overflow from deck.gl legend */
@media (max-width: 520px) {
.deckgl-legend {
left: 8px;
right: 8px;
transform: none;
justify-content: center;
flex-wrap: wrap;
gap: 6px 8px;
padding: 6px 10px;
overflow: hidden;
}
.deckgl-legend .legend-item {
max-width: 100%;
}
}
/* Scrollbar styling for layer toggles */
.deckgl-layer-toggles::-webkit-scrollbar {
width: 4px;