From be5beabab00a21c160cd1277544e60bdda5720f2 Mon Sep 17 00:00:00 2001 From: schakal00783 Date: Wed, 23 Sep 2026 11:00:35 +0200 Subject: [PATCH] fix(ui): Umschalter auf dem Handy in allen Themes nicht mehr gequetscht Den Fix aus dem Theme Mobile unter der sm-Grenze (40rem) fuer alle Themes: Segmented bekommt min-width: max-content, Knoepfe mit Symbol zeigen nur das Symbol. Ab sm stehen die Umschalter mit flex-none, Desktop und Tablet bleiben unveraendert. Co-Authored-By: Claude Opus 5.5 --- src/index.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/src/index.css b/src/index.css index b57b097..9c5206f 100644 --- a/src/index.css +++ b/src/index.css @@ -1089,6 +1089,25 @@ html.theme-mobile .inline-grid > button[aria-pressed]:has(> svg) { font-size: 0; } +/* + * Dasselbe fuer alle anderen Themes, aber nur auf dem Handy: gequetscht wird + * nur unterhalb der sm-Grenze (40rem), wo die Werkzeugleiste die Umschalter + * mit flex-1 auf volle Breite zieht. Ab sm stehen sie mit flex-none und + * behalten ihre Breite - Desktop und Tablet bleiben also, wie sie sind. + * Das Polster muss hier nicht korrigiert werden: ausserhalb von Mobile gilt + * --spacing 0.25rem, p-1 passt dort schon zum Marker. + */ +@media (width < 40rem) { + .inline-grid:has(> button[aria-pressed]) { + min-width: max-content; + } + + .inline-grid > button[aria-pressed]:has(> svg) { + gap: 0; + font-size: 0; + } +} + @layer base { :root { /*