BarCombo Caret: immer rechts vom Select (statt 30px reingerueckt bei Gear)

User-Screenshot: Caret stand bei Combos mit Gear irgendwo in der Mitte
zwischen Text und Gear. Grund: backgroundPosition war auf 'right 30px'
gesetzt damit der Caret nicht ueberlappt, aber er sass relativ zum Select-
Element (nicht zum Pill), also tatsaechlich weit links.

Fix: 'right 9px center' immer — der Select hat 22px right-padding und
endet direkt links vom Gear, der Caret klebt jetzt am rechten Rand des
Select-Bereichs (= so weit rechts wie moeglich ohne Gear zu ueberlappen).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-05-20 23:04:16 +02:00
parent b78a95caaa
commit 02b5fbfde4
+1 -1
View File
@@ -180,7 +180,7 @@ function BarCombo({
appearance: 'none', WebkitAppearance: 'none',
backgroundImage: 'var(--select-arrow)',
backgroundRepeat: 'no-repeat',
backgroundPosition: onGear ? 'right 30px center' : 'right 9px center',
backgroundPosition: 'right 9px center',
cursor: disabled ? 'not-allowed' : 'pointer',
letterSpacing: 0,
}}