Die Farbkacheln im Chat waren mit dem Daumen zu klein

30x30 ist mit der Maus bequem und am Handy zu klein; die Grenze im Haus
sind 44px. Angehoben wird nur auf Fingergeraeten (pointer: coarse),
sonst staende der Knopf am Rechner unnoetig gross neben einer Zeile,
die selbst nur 30 hoch ist. Sichtbar bleibt die Kachel gleich gross --
gewachsen ist die Flaeche, die den Finger annimmt.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-21 11:45:06 +02:00
co-authored by Claude Opus 5
parent e12074c32c
commit 8bd6474844
+9
View File
@@ -2378,6 +2378,15 @@
cursor: pointer;
display: inline-flex; align-items: center; justify-content: center;
}
/* AM FINGER GROESSER (20.09.2026). Gemeldet von pruef-tippziele:
30x30 ist mit der Maus bequem und mit dem Daumen zu klein -- die
Grenze im Haus sind 44px. Angehoben wird NUR auf Fingergeraeten,
sonst stuende der Knopf am Rechner unnoetig gross neben einer Zeile,
die selbst nur 30 hoch ist. Das Sichtbare (Rahmen, Farbprobe) bleibt
klein; gewachsen ist die Flaeche, die den Finger annimmt. */
@media (pointer: coarse) {
.chat__kachelknopf { min-width: 44px; min-height: 44px; }
}
.chat__kachelknopf:hover { border-color: var(--akzent); }
.chat__kachelknopf:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }
.chat__kachelknopf-probe {