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);
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ── Touch-Targets: min 44×44px (Apple HIG / WCAG 2.5.5) ──
|
/* Touch-Targets werden über tokens.css (--target-sm/md/lg) und
|
||||||
* Ausnahme: Elemente, die Touch-Area bereits per ::before erweitern
|
* komponentenspezifische Styles gehandhabt — siehe Redesign Phase E.
|
||||||
* (task-status-btn, subtask-item__checkbox, meal-card action-btns,
|
* Keine globale min-size-Regel hier, da sie mit dem bestehenden
|
||||||
* note color-swatches, etc.) — dort würde min-44px das Layout sprengen. */
|
* Touch-Target-System kollidiert (::before-Expansion auf kleinen Elementen). */
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ── Smooth Momentum-Scrolling in scrollbaren Containern ── */
|
/* ── Smooth Momentum-Scrolling in scrollbaren Containern ── */
|
||||||
.scroll-container,
|
.scroll-container,
|
||||||
|
|||||||
Reference in New Issue
Block a user