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:
co-authored by
Claude Opus 5
parent
c741df5963
commit
2b9b98dd14
@@ -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 ---------- */
|
||||
|
||||
Reference in New Issue
Block a user