Knopfpaar von der Speicherleiste getrennt, Modell "RS 6 Avant performance" raus
Das QR-Blatt benutzte dm-speicherleiste als reine Gestaltung eines Knopfpaares, obwohl dort nichts gespeichert wird - vom Eigentuemer richtiggestellt. Der Name machte eine Pruefung unbrauchbar, die genau danach suchte. Jetzt trennt .dm-knopfpaar (zwei gleich breite Knoepfe) von .dm-speicherleiste (dasselbe Paar als klebende Leiste fuer ein Formular mit Speichern-Schritt). "RS 6 Avant performance" ist aus der Modellauswahl entfernt; "RS 6 Avant" stand bereits darin, die Ausfuehrung traegt der Nutzer selbst ein. Es war der einzige Eintrag, der in der auf 180px vereinheitlichten Auswahl abgeschnitten wurde. Ein Profil mit dem alten Wert behaelt ihn - die Auswahl stellt einen nicht gelisteten Titel als eigene Option voran. Nachgemessen am laufenden System: .dm-knopfpaar flex mit 12px Abstand und zwei gleich breiten Knoepfen, .dm-speicherleiste weiterhin klebend; zehn Modelle, laengster 115px bei 142px Platz. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -266,7 +266,8 @@ export function QrScanner({
|
||||
void bildLesen(datei)
|
||||
}}
|
||||
/>
|
||||
<div className="dm-speicherleiste dm-speicherleiste--kachel">
|
||||
{/* Knopfpaar, keine Speicherleiste: das gewählte Bild wirkt sofort. */}
|
||||
<div className="dm-knopfpaar">
|
||||
<ActionButton onClick={schliessen}>Abbrechen</ActionButton>
|
||||
<ActionButton variant="primary" onClick={() => dateiRef.current?.click()}>
|
||||
Bild auswählen
|
||||
|
||||
@@ -1645,6 +1645,29 @@ button.dm-listenzeile {
|
||||
.dm-archivbtn {
|
||||
background: var(--tile-2);
|
||||
color: var(--fg2);
|
||||
}
|
||||
.dm-archivbtn:hover,
|
||||
.dm-archivbtn:active {
|
||||
color: var(--fg);
|
||||
}/* Bleibt beim Scrollen unten stehen, damit ungespeicherte Aenderungen nicht
|
||||
aus dem Blick geraten. */
|
||||
/* Zwei gleichrangige Knöpfe nebeneinander - der Aufbau allein, ohne Aussage
|
||||
darüber, wozu sie dienen. Das QR-Blatt setzt hier „Abbrechen" und „Bild
|
||||
auswählen" hin und speichert gar nichts.
|
||||
|
||||
Bis zum 05.09.2026 hieß auch das `dm-speicherleiste`. Der Name log: bei
|
||||
einer Suche nach allen Speicherleisten des Projekts kam das QR-Blatt als
|
||||
Treffer heraus, obwohl es dort nichts zu speichern gibt (vom Eigentümer
|
||||
richtiggestellt). Eine Klasse soll eine Sache bedeuten. */
|
||||
.dm-knopfpaar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--sp-3);
|
||||
}
|
||||
|
||||
/* Beide Knöpfe gleich breit: ein Paar aus Bestätigen und Abbrechen ist eine
|
||||
Entscheidung zwischen zwei Wegen, keine Haupt- und Nebensache. Welcher davon
|
||||
der gewollte ist, sagt die Füllung, nicht die Größe. */
|
||||
.dm-knopfpaar > * {
|
||||
flex: 1 1 0;
|
||||
}
|
||||
@@ -1666,9 +1689,6 @@ button.dm-listenzeile {
|
||||
klebend, kein eigener Untergrund, keine Trennlinie - sie gehoert zur Kachel
|
||||
und nicht an den Bildschirmrand. */
|
||||
.dm-speicherleiste--kachel {
|
||||
position: static;
|
||||
margin-top: var(--sp-3);
|
||||
padding: 0;
|
||||
position: static;
|
||||
margin-top: var(--sp-3);
|
||||
padding: 0;
|
||||
|
||||
Reference in New Issue
Block a user