Remove global min-size touch target rule from pwa.css
The blanket 44px min-height/min-width on all buttons, links, and checkboxes conflicted with the existing token-based touch target system (--target-sm/md/lg + ::before pseudo-element expansion). This caused oversized checkboxes in calendar (all-day toggle), budget (recurring), and other form controls across all modules. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
+4
-11
@@ -30,17 +30,10 @@ body {
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
}
|
||||
|
||||
/* ── Touch-Targets: min 44×44px (Apple HIG / WCAG 2.5.5) ──
|
||||
* Ausnahme: Elemente, die Touch-Area bereits per ::before erweitern
|
||||
* (task-status-btn, subtask-item__checkbox, meal-card action-btns,
|
||||
* note color-swatches, etc.) — dort würde min-44px das Layout sprengen. */
|
||||
button:not(.task-status-btn):not(.subtask-item__checkbox):not(.meal-card__action-btn):not(.note-color-btn):not(.modal-panel__close):not(.btn-dismiss),
|
||||
a,
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
min-height: 44px;
|
||||
min-width: 44px;
|
||||
}
|
||||
/* Touch-Targets werden über tokens.css (--target-sm/md/lg) und
|
||||
* komponentenspezifische Styles gehandhabt — siehe Redesign Phase E.
|
||||
* Keine globale min-size-Regel hier, da sie mit dem bestehenden
|
||||
* Touch-Target-System kollidiert (::before-Expansion auf kleinen Elementen). */
|
||||
|
||||
/* ── Smooth Momentum-Scrolling in scrollbaren Containern ── */
|
||||
.scroll-container,
|
||||
|
||||
Reference in New Issue
Block a user