knso/Webklar-Kundenbereich
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Shop G5: Reiter Bestellungen (Liste mit Filter, Suche, Blättern, Detail, Aktionen, Erstatten mit Rückfrage, Widerrufe, CSV-Export) und Test

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
ClaudeandClaude Opus 5.5 committed 2026-10-05 09:15:19 +00:00
1 parent cc668d3765
commit 73820fb1e6
3 files changed
+1020 -5
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/shop.css
+31
View File
@@ -114,6 +114,37 @@ a.kb-btn-outline { display: inline-flex; align-items: center; text-decoration: n
.sh-gewaehrleistung-bild { display: block; max-width: 100%; height: auto; margin: 0 0 12px; border-radius: 8px; background: #fff; }
.sh-rechtliches textarea { font-family: inherit; line-height: 1.5; }
/* Reiter Bestellungen */
.sh-umschalter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.sh-umschalter [aria-pressed='true'] { background: var(--kb-purple-soft); border-color: var(--kb-purple-line); color: #fff; }
.sh-werkzeug { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 14px; }
.sh-werkzeug .sh-feld { margin: 0; flex: 1 1 200px; }
.sh-liste { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.sh-zeile {
display: grid; grid-template-columns: minmax(80px, 110px) minmax(110px, 150px) minmax(0, 1fr) minmax(70px, 90px) minmax(80px, 100px) auto; align-items: center; gap: 6px 12px;
width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--kb-border-strong); background: rgba(255, 255, 255, 0.04);
color: inherit; font: inherit; font-size: 14px; text-align: left; cursor: pointer;
}
.sh-zeile:hover { background: rgba(255, 255, 255, 0.08); }
.sh-zeile .sh-pille { margin: 0; justify-self: start; }
.sh-zeile-name, .sh-zeile-art { overflow-wrap: anywhere; }
.sh-zeile-summe { font-weight: 700; }
.sh-zeile-warnung { grid-column: 1 / -1; font-size: 12.5px; color: #fcd34d; }
.sh-seiten { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.sh-zurueck { margin-bottom: 14px; }
.sh-positionen, .sh-verlauf { margin: 0 0 12px; padding: 0; list-style: none; display: grid; gap: 6px; }
.sh-positionen li { display: flex; justify-content: space-between; gap: 12px; line-height: 1.5; }
.sh-positionen li > span:first-child { overflow-wrap: anywhere; }
.sh-verlauf li { display: grid; grid-template-columns: minmax(130px, 170px) minmax(0, 1fr); gap: 4px 12px; line-height: 1.5; }
.sh-verlauf-zeit { color: var(--kb-muted); font-size: 13px; }
.sh-aktionen-bereich:empty, .sh-erstatten-frage:empty { display: none; }
.sh-widerruf { padding: 14px 16px; border-radius: 12px; border: 1px solid var(--kb-border-strong); background: rgba(255, 255, 255, 0.04); }
.sh-widerruf .sh-fakten { margin-top: 0; }
@media (max-width: 700px) {
.sh-zeile { grid-template-columns: minmax(0, 1fr) auto; }
.sh-verlauf li { grid-template-columns: minmax(0, 1fr); }
}
/* ----------------------------------------------------- Artikel (shop-tab-artikel.js) --- */
.sh-artikelliste { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
.sh-artikel { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 8px 14px; align-items: center; padding: 12px; border-radius: 12px; border: 1px solid var(--kb-border); background: rgba(255, 255, 255, 0.03); }