openclaw/oikos
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: correct touch targets — btn--icon-sm 36→44px min-size, document target-sm as visual-only

Browse Source
This commit is contained in:
Ulas Kalayci
2026-04-25 22:21:45 +02:00
parent 0dd4a3278c
commit 4da6061adb
2 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles/layout.css
+3 -5
View File
@@ -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 */
public/styles/tokens.css
+4 -4
View File
@@ -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