Meik/Pickup-Config
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: prevent mobile slot field overlap

Browse Source 
Stack weekday and date controls on narrow screens and constrain native select
widths to their grid column.
This commit is contained in:
Meik
2026-08-05 19:08:56 +02:00
parent 6d4051be38
commit 50b549d24a
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
.commitmessage
View File

@@ -1,4 +1,4 @@
feat: add mobile slot configuration fix: prevent mobile slot field overlap
Replace the mobile table with a searchable card editor while retaining the Stack weekday and date controls on narrow screens and constrain native select
desktop table. Add a mobile-friendly date picker layout and sticky save action. widths to their grid column.

7
src/components/MobileConfigList.css
View File

@@ -146,6 +146,7 @@
.mobile-config-card__core-fields select, .mobile-config-card__core-fields select,
.mobile-config-card__range { .mobile-config-card__range {
box-sizing: border-box; box-sizing: border-box;
width: 100%;
min-height: 2.6rem; min-height: 2.6rem;
border: 1px solid #cbd5e1; border: 1px solid #cbd5e1;
border-radius: 5px; border-radius: 5px;
@@ -251,6 +252,12 @@
font-weight: 600; font-weight: 600;
} }
@media (max-width: 420px) {
.mobile-config-card__core-fields {
grid-template-columns: 1fr;
}
}
.desktop-config-table, .desktop-config-table,
.desktop-config-actions { .desktop-config-actions {
display: none; display: none;