Scarriffle/Vorrania
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Einzelstück-Detail ohne eigene Färbung, als eine Ansicht

Browse Source 
Die blaue Hinterlegung der Detailzeile (Preis/Belege) entfernt; Stück-Zeile und
Detailzeile bilden jetzt eine zusammenhaengende Ansicht ohne Trennlinie
dazwischen.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-26 21:18:26 +02:00
parent e0e0323f99
commit 40e12a574e
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/Einzelstuecke.jsx
View File

@@ -185,7 +185,7 @@ export default function Einzelstuecke({ product, locations, shops, isAdmin, onCh
<tbody> <tbody>
{items.map((it) => ( {items.map((it) => (
<Fragment key={it.id}> <Fragment key={it.id}>
<tr> <tr className="einzel-mainrow">
<td><QrImg text={`${origin}/i/${it.uid}`} size={56} /></td> <td><QrImg text={`${origin}/i/${it.uid}`} size={56} /></td>
<td data-label="UID" className="strong nowrap">{it.uid}</td> <td data-label="UID" className="strong nowrap">{it.uid}</td>
<td data-label="Lagerort"> <td data-label="Lagerort">

6
web/src/styles.css
View File

@@ -361,8 +361,10 @@ td select { width: auto; min-width: 0; max-width: 100%; }
/* In Zahlenspalten sitzt der Inhalt rechts, passend zur Ausrichtung der Spalte. */ /* In Zahlenspalten sitzt der Inhalt rechts, passend zur Ausrichtung der Spalte. */
.table td.num .cell-row { justify-content: flex-end; } .table td.num .cell-row { justify-content: flex-end; }
.table tbody tr:last-child td { border-bottom: none; } .table tbody tr:last-child td { border-bottom: none; }
/* Immer sichtbare Detailzeile der Einzelstücke (Preis + Belege) leicht absetzen. */ /* Stück-Zeile und ihre Detailzeile (Preis + Belege) bilden eine Einheit: keine
.einzel-detailrow > td { background: var(--surface-2); } Trennlinie und keine eigene Färbung dazwischen, nur unter der Detailzeile. */
.einzel-mainrow > td { border-bottom: none; }
.einzel-detailrow > td { border-top: none; padding-top: 0; }
.table tbody tr:hover { background: var(--surface-2); } .table tbody tr:hover { background: var(--surface-2); }
.num { text-align: right; font-variant-numeric: tabular-nums; } .num { text-align: right; font-variant-numeric: tabular-nums; }
.strong { font-weight: 640; } .strong { font-weight: 640; }