From 15c25dd945c13c7260e2cd2dbe439c880c9f5836 Mon Sep 17 00:00:00 2001 From: FlorianEisenmenger Date: Sun, 24 May 2026 16:20:39 +0200 Subject: [PATCH] css --- .../assets/styles/components/_entry-list.scss | 22 ++++++------------- 1 file changed, 7 insertions(+), 15 deletions(-) diff --git a/httpdocs/assets/styles/components/_entry-list.scss b/httpdocs/assets/styles/components/_entry-list.scss index 422ae5d..c26b983 100644 --- a/httpdocs/assets/styles/components/_entry-list.scss +++ b/httpdocs/assets/styles/components/_entry-list.scss @@ -154,31 +154,23 @@ @media (hover: none) { opacity: 1; } } -// ─── Abgerechneter Eintrag ──────────────────────────────────────────────── -// Kein opacity auf dem Row – das würde auch das Schloss-Icon aufhellen. -// Stattdessen nur die Text-Elemente selektiv dämpfen. -.entry-row--invoiced { - .entry-row__title { color: $color-text-muted; font-weight: $font-weight-regular; } - .entry-row__note { color: $color-text-light; } - .entry-row__badge { color: $color-text-muted; background: rgba($color-card, 0.6); } -} - +// ─── Lock-Indikator (invoiced) ──────────────────────────────────────────── .entry-row__lock-indicator { display: flex; align-items: center; justify-content: center; - width: 28px; - height: 28px; + width: calc(28px + #{$space-2} + 28px); flex-shrink: 0; - // Explizit dunkel – auch wenn der Row gedämpft ist color: $color-text-dark; svg { width: 14px; height: 14px; pointer-events: none; } } -// Höhere Spezifizität sicherstellen -.entry-row--invoiced .entry-row__lock-indicator { - color: $color-text-dark; +// ─── Abgerechneter Eintrag ──────────────────────────────────────────────── +.entry-row--invoiced { + .entry-row__title { color: $color-text-muted; font-weight: $font-weight-regular; } + .entry-row__note { color: $color-text-light; } + .entry-row__badge { color: $color-text-muted; background: rgba($color-card, 0.6); } } // ─── Bearbeiten-Modus ─────────────────────────────────────────────────────