.native-control Opt-out: global select-Style ueberschrieb das System-Native

User-Screenshot: dropdowns sehen immer noch wie pills aus. Grund: das
globale `select { appearance: none; background-image: var(--select-arrow);
border-radius: 999px; ... }` in index.css uebermalte die Inline-Resets von
BarSelect — globale CSS-Specificity gewann.

Fix:
- Neue `.native-control`-Klasse in index.css setzt mit `revert` alle
  pill-Overrides zurueck → WebKit/macOS rendert wieder Default-Combobox
- BarSelect: className="native-control" am <select>
- Custom-Massstab-Input: className="native-control"

Andere Selects im Projekt behalten den pill-Look (Ebenen-/Geschoss-Manager
etc.) — nur die Oberleiste opt-out.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-05-20 22:14:53 +02:00
parent 536d42f097
commit 8ad9e23838
2 changed files with 30 additions and 1 deletions
+3 -1
View File
@@ -102,6 +102,7 @@ function BarSelect({ icon, value, onChange, title, disabled, width, children })
style={{ color: 'var(--text-muted)', flexShrink: 0 }} />
)}
<select
className="native-control"
value={value || ''}
disabled={disabled}
onChange={(e) => onChange(e.target.value)}
@@ -400,6 +401,7 @@ export default function OberleisteApp() {
{customMode ? (
<input
ref={customInputRef}
className="native-control"
disabled={isPerspective}
type="text" placeholder="1:N"
value={draft}
@@ -423,7 +425,7 @@ export default function OberleisteApp() {
value={dropdownValue}
onChange={(v) => applyDropdown(v)}
disabled={isPerspective}
width={120}
width={140}
title="Gesetzter Massstab"
>
<option value="__none__"></option>