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:
Ulas
2026-03-29 15:57:33 +02:00
parent 26a42d001b
commit d3becbcf13
+4 -11
View File
@@ -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,