Max/m3y54m_Embedded-Engineering-Roadmap
1
0
Fork 0
mirror of https://github.com/m3y54m/Embedded-Engineering-Roadmap.git synced 2026-10-10 08:18:16 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(site): no scrollbar over the chip rows in Firefox

Browse Source 
Chip rows wrap on desktop; on phones they swipe with a hidden scrollbar and an edge fade.
This commit is contained in:
Meysam Parvizi
2026-10-10 01:52:43 +02:00
parent 752f36a921
commit 2c70f347de
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/map.css
+9 -4
View File
@@ -21,12 +21,9 @@
.start-strip,
.map-toolbar {
display: flex;
flex-wrap: nowrap;
flex-wrap: wrap;
align-items: center;
gap: 6px;
overflow-x: auto;
scrollbar-width: thin;
padding-bottom: 2px;
}
.start-strip > *,
@@ -411,11 +408,19 @@
padding: 8px 10px;
}
/* One swipeable row per strip; the fade at the right edge shows there is more. */
.start-strip,
.map-toolbar {
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
padding-right: 28px;
mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
}
.start-strip::-webkit-scrollbar,
.map-toolbar::-webkit-scrollbar {
display: none;
}
.start-chip,