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:
@@ -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; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user