Grotti 2.5.1: Druckbericht, Statistik, Spulenakte und Protokoll-Fixes.

This commit is contained in:
Dominic Gundel committed 2026-10-17 15:32:51 +02:00
1 parent b277ca48aa
commit efd0801cd1
30 files changed
+3393 -178

No files matched your search

+119 -1
View File
@@ -405,6 +405,36 @@ body.shelf [data-role="hero"] { font-size: 1.35rem; }
padding: 0.25rem 0.35rem;
font-size: 0.82rem;
}
.steer-ace,
.steer-ace-slots {
display: grid;
gap: 0.35rem;
padding-top: 0.35rem;
border-top: 1px solid var(--line);
}
.steer-ace-head {
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.65rem;
align-items: baseline;
font-size: 0.78rem;
}
.steer-ace-head b { font-weight: 650; }
.steer-slot-row {
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.55rem;
align-items: center;
font-size: 0.78rem;
}
.steer-slot-row .dot {
width: 0.85rem;
height: 0.85rem;
border-radius: 99px;
flex: none;
border: 1px solid rgba(255, 255, 255, 0.15);
}
.steer-slot-row .grow { min-width: 0; overflow-wrap: anywhere; }
.queue-name { color: var(--ink); font-size: var(--t-sm); font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.queue-msg { color: var(--muted); font-size: var(--t-xs); line-height: 1.3; overflow-wrap: anywhere; }
.queue-sub { color: var(--faint); font-size: 0.66rem; font-variant-numeric: tabular-nums; flex: none; }
@@ -467,12 +497,16 @@ body.shelf [data-role="hero"] { font-size: 1.35rem; }
.ace-printer-name { margin: 0; font-size: 0.82rem; font-weight: 650; color: var(--ink); }
.ace-row {
display: grid;
grid-template-columns: 0.85rem minmax(0, 1fr) minmax(7rem, 0.9fr);
grid-template-columns: 0.85rem minmax(0, 1fr) minmax(12rem, 1.4fr);
gap: 0.45rem;
align-items: center;
margin: 0;
font-size: 0.82rem;
}
.ace-row select {
min-width: 0;
width: 100%;
}
.ace-swatch {
width: 0.85rem;
height: 0.85rem;
@@ -514,6 +548,23 @@ h2 { font-size: 0.95rem; margin: 0 0 0.65rem; letter-spacing: -0.02em; font-weig
border-radius: var(--radius-sm);
min-height: var(--control-h);
}
.page-tools .date-field {
width: auto;
min-width: 9.5rem;
max-width: 11rem;
flex: 0 0 auto;
}
.page-tools .period-presets {
width: auto;
max-width: 100%;
flex: 1 1 100%;
grid-auto-columns: auto;
overflow-x: auto;
}
.page-tools .period-presets button {
padding: 0.4rem 0.55rem;
white-space: nowrap;
}
.lead, .tiny, .summary { color: var(--muted); }
.summary { margin: 0.3rem 0 0; }
.tiny { font-size: 0.8rem; margin: 0.2rem 0 0; line-height: 1.4; max-width: 52ch; }
@@ -2305,3 +2356,70 @@ label.button:hover { background: rgba(255, 255, 255, 0.04); }
.nav-secondary a { padding: 0.4rem; }
.nav-main a.on { box-shadow: none; border-radius: 9px; padding-left: 0.55rem; }
}
/* Druckbericht & Statistik */
.bericht { display: grid; gap: 0.85rem; }
.bericht-head { display: grid; gap: 0.5rem; }
.bericht-meta p { margin: 0.2rem 0; }
.temp-chart {
width: 100%;
max-width: 40rem;
height: auto;
background: #0c0c10;
border-radius: 10px;
border: 1px solid var(--line);
}
.chart-label { fill: var(--muted); font-size: 11px; }
.chart-legend { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-top: 0.35rem; }
.chart-legend .leg::before {
content: "";
display: inline-block;
width: 0.65rem;
height: 0.65rem;
border-radius: 50%;
margin-right: 0.3rem;
vertical-align: -0.05rem;
}
.chart-legend .nozzle::before { background: #ea580c; }
.chart-legend .bed::before { background: #2563eb; }
.chart-legend .chamber::before { background: #16a34a; }
.tag {
display: inline-block;
font-size: 0.72rem;
font-weight: 650;
padding: 0.05rem 0.35rem;
border-radius: 6px;
background: var(--accent-soft);
color: var(--accent);
}
.kpi-row {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr));
gap: 0.65rem;
margin-bottom: 0.85rem;
}
.kpi {
background: var(--card);
border: 1px solid var(--line);
border-radius: 12px;
padding: 0.7rem 0.8rem;
}
.kpi-val {
font-size: 1.25rem;
font-weight: 750;
letter-spacing: -0.02em;
}
.kpi-label { color: var(--muted); font-size: 0.78rem; font-weight: 650; }
.spool-akte {
margin-top: 0.85rem;
padding-top: 0.7rem;
border-top: 1px solid var(--line);
}
.spool-akte h3 { margin: 0 0 0.35rem; font-size: 0.95rem; }
ul.plain { list-style: none; margin: 0; padding: 0; }
ul.plain li { padding: 0.2rem 0; border-bottom: 1px solid var(--line); }
ul.plain li:last-child { border-bottom: 0; }
.grid-2 { display: grid; gap: 0.85rem; }
@media (min-width: 800px) {
.grid-2 { grid-template-columns: 1fr 1fr; }
}