Config-Suche findet einzelne Einstellungen
Die Seitenleisten-Suche kannte nur Bereiche: „starboard" führte zu Community, aber nicht zum Schwellwert-Feld. Bei rund 60 Einstellungen heißt das raten, in welchem Bereich etwas liegt. setting-index.js hält jetzt fest, wo jede Einstellung wohnt, mit Suchwörtern und Synonymen. Die Suche zeigt Treffer als eigene Gruppe unter den Bereichen; ein Klick wechselt den Bereich, scrollt zum Feld und hebt es kurz hervor. Enter nimmt den ersten Treffer, wobei Einstellungen Vorrang vor Bereichen haben — wer „schwellwert" tippt, will das Feld. Die Felder tragen dafür data-setting="<schlüssel>"; das Attribut wurde skriptgesteuert ergänzt, ohne die Struktur anzufassen. Fünf Einstellungen teilen sich ein Feld mit einer anderen (etwa die beiden Markenfarben) — die zeigen über `target` auf den Nachbarn. Textfelder werden beim Sprung fokussiert, Kanal-Auswahlen bewusst nicht: deren Fokus klappt die Liste auf und verdeckt alles darunter. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -679,6 +679,34 @@ a.sha:hover { border-color: var(--neon); background: rgba(245, 197, 24, .07); }
|
||||
color: var(--muted2);
|
||||
padding: .3rem .9rem .25rem;
|
||||
}
|
||||
/* Treffer der Einstellungs-Suche */
|
||||
.settings-hit {
|
||||
display: flex; flex-direction: column; gap: .1rem;
|
||||
width: 100%; text-align: left;
|
||||
background: none; border: 0; border-left: 2px solid transparent;
|
||||
border-radius: 9px;
|
||||
padding: .4rem .9rem;
|
||||
cursor: pointer;
|
||||
transition: background .15s, border-color .15s;
|
||||
}
|
||||
.settings-hit:hover { background: rgba(255, 255, 255, .04); border-left-color: var(--neon); }
|
||||
.settings-hit-label { color: var(--text); font-size: .88rem; line-height: 1.3; }
|
||||
.settings-hit-tab {
|
||||
font-family: var(--mono); font-size: .55rem;
|
||||
letter-spacing: .14em; text-transform: uppercase; color: var(--muted2);
|
||||
}
|
||||
.settings-hit:hover .settings-hit-tab { color: var(--neon); }
|
||||
|
||||
/* Angesprungenes Feld kurz hervorheben, damit man es im Formular findet */
|
||||
.field-found {
|
||||
animation: fieldFound 2.2s ease both;
|
||||
border-radius: 8px;
|
||||
}
|
||||
@keyframes fieldFound {
|
||||
0%, 55% { box-shadow: 0 0 0 2px var(--neon), 0 0 18px rgba(245, 197, 24, .25); }
|
||||
100% { box-shadow: 0 0 0 2px transparent, 0 0 0 transparent; }
|
||||
}
|
||||
|
||||
.settings-nav-empty {
|
||||
font-family: var(--mono); font-size: .66rem; letter-spacing: .1em;
|
||||
color: var(--muted2); padding: .6rem .9rem;
|
||||
|
||||
Reference in New Issue
Block a user