Etiketten-Vorlagen: die ganze Zeile klappt auf und zu

Aufklappen ging nur ueber ein kleines Stift-Symbol am rechten Rand - und dass
derselbe Knopf auch wieder schliesst, sah man ihm nicht an.

Jetzt ist die Zeile selbst der Schalter, mit einem Pfeil links, der den Zustand
zeigt (wie in der Einzelstueck-Tabelle). Der Stift faellt damit weg; die
Knoepfe rechts - CSV, .lbx, Loeschen - bleiben eigenstaendig und loesen das
Auf- und Zuklappen nicht mit aus.

Dafuer eine kleine Klasse .zeilen-schalter: .link-btn waere naheliegend gewesen,
faerbt aber alles im Akzent - Name und graues Beiwerk sollen ihre Farben
behalten.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-09-22 17:30:03 +02:00
co-authored by Claude Opus 5
parent c741df5963
commit 2b9b98dd14
2 changed files with 19 additions and 7 deletions
+10
View File
@@ -379,6 +379,16 @@ td select { width: auto; min-width: 0; max-width: 100%; }
.btn-icon:hover { background: var(--surface-2); color: var(--text); }
.btn-icon.danger:hover { background: var(--danger-soft); color: var(--danger); }
.link-btn { background: none; border: none; color: var(--accent); cursor: pointer; font: inherit; padding: 0; text-align: left; }
/* Ganze Zeile als Auf-/Zuklapper: sieht aus wie Text, verhaelt sich wie ein
Schalter. Anders als .link-btn ohne Akzentfarbe, damit Name und graues
Beiwerk ihre eigenen Farben behalten. Fuer Listen, in denen rechts noch
eigene Knoepfe stehen - die duerfen nicht mit ausgeloest werden. */
.zeilen-schalter {
display: flex; align-items: center; gap: 6px;
background: none; border: none; padding: 0;
font: inherit; color: inherit; cursor: pointer; text-align: left;
}
.zeilen-schalter .icon { flex: 0 0 auto; }
.link-btn:hover { text-decoration: underline; }
/* ---------- Tables ---------- */