Place the storage and array cards by span, not by column index, so they follow the grid instead of forcing it back to eight

This commit is contained in:
Gmer4Lfe
2026-08-22 23:50:13 -04:00
parent c5c0477653
commit bdf1bce4be
2 changed files with 7 additions and 7 deletions
+5 -5
View File
@@ -293,7 +293,7 @@ body.vv-fullscreen #displaybox { padding-left: 1rem !important; padding-top: .5r
@media (max-width: 855px) {
/* Only two cards exceed a 2-column grid. Named explicitly rather than matched on their
inline style text, which would break the moment a span is edited or reordered. */
#vv-docker-folders, #vv-streams { grid-column: span 2; }
#vv-docker-folders, #vv-streams, #vv-array-card { grid-column: span 2; }
}
/* One column: any span >1 would make the grid invent an implicit column and reintroduce
@@ -461,10 +461,10 @@ body.vv-fullscreen #displaybox { padding-left: 1rem !important; padding-top: .5r
@media (max-width: 1024px) {
/* column count now comes from the derived ladder above — see #vv-monitor */
/* #vv-docker was retired from the markup; rule dropped with the ladder rewrite. */
/* Reset explicit placements so cards reflow in the 4-col grid */
#vv-parity-card { grid-column: auto !important; }
#vv-storage-card { grid-column: auto !important; }
#vv-array-card { grid-column: auto !important; }
/* The explicit line-based placements these reset (storage 3/span 2, array 5/span 4)
were removed — they pinned column indexes that only existed in an 8-column grid and
made the grid invent implicit columns at every other count. Spans auto-place to the
identical layout at 8, and correctly everywhere else. */
/* Streams header: hide right chip group entirely, keep server badges + media type */
.vv-stream-right { display: none; }
}