From 4da6061adbde7106173ecb30ce4295db4eefcfdb Mon Sep 17 00:00:00 2001 From: Ulas Kalayci Date: Sat, 25 Apr 2026 22:21:45 +0200 Subject: [PATCH] =?UTF-8?q?fix:=20correct=20touch=20targets=20=E2=80=94=20?= =?UTF-8?q?btn--icon-sm=2036=E2=86=9244px=20min-size,=20document=20target-?= =?UTF-8?q?sm=20as=20visual-only?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/styles/layout.css | 8 +++----- public/styles/tokens.css | 8 ++++---- 2 files changed, 7 insertions(+), 9 deletions(-) diff --git a/public/styles/layout.css b/public/styles/layout.css index ee5890a..4337808 100755 --- a/public/styles/layout.css +++ b/public/styles/layout.css @@ -1990,13 +1990,11 @@ button i[data-lucide], button svg { pointer-events: none; } -/* Kompakter Icon-Button (36×36) für Icons in engen Listenkontexten */ +/* Kompakter Icon-Button: 44px Klickfläche, optisch kompakt durch geringes Padding */ .btn--icon-sm { padding: var(--space-1); - min-height: unset; - min-width: unset; - width: 36px; - height: 36px; + min-height: var(--target-base); + min-width: var(--target-base); } /* Textarea: vertikale Größenänderung ist nutzbar */ diff --git a/public/styles/tokens.css b/public/styles/tokens.css index 8137726..e49104c 100644 --- a/public/styles/tokens.css +++ b/public/styles/tokens.css @@ -307,10 +307,10 @@ /* -------------------------------------------------------- * 11b. Touch-Target Sizes * -------------------------------------------------------- */ - --target-sm: 32px; - --target-md: 40px; - --target-lg: 48px; - --target-base: 44px; + --target-sm: 32px; /* Visuelle Größe (z.B. Logos) — kein Touch-Target */ + --target-md: 40px; /* Desktop Touch-Target (Maus) */ + --target-lg: 48px; /* Mobile Touch-Target (Finger) */ + --target-base: 44px; /* iOS-Minimum Touch-Target (44pt) */ /* -------------------------------------------------------- * 12. Layout