Monitor: a rung taller than one screen sizes rows to content, since the page scrolls there anyway and the cap only clipped cards
This commit is contained in:
@@ -264,10 +264,13 @@ body.vv-fullscreen #displaybox { padding-left: 1rem !important; padding-top: .5r
|
||||
worked, while landscape (851x393) missed it and inherited the four-row cap — 58px cards with
|
||||
overflow:hidden and scrollbars disabled. Nothing was visible and nothing said so.
|
||||
|
||||
The width half is the two-column rung from monitor_board.php (below 696px). It is written as a
|
||||
literal here because a media query cannot read a custom property; if VV_MON_CARD_FLOOR changes,
|
||||
this number and the AI row's two below are the only three places that have to follow it. */
|
||||
@media (max-width: 695px), (max-height: 700px) {
|
||||
Height only now. The width half was a literal 695 that had to be kept in step with
|
||||
VV_MON_CARD_FLOOR by hand; monitor_board.php emits these same three rules for every rung whose
|
||||
row count exceeds VV_MON_ROWS_PER_SCREEN — see vv_mon_rung_overflows() — which covers that band
|
||||
and the four-column one above it from the arithmetic instead. What is left here is the case the
|
||||
ladder cannot see: a window wide enough for a rung that does fit a screen, on a screen too short
|
||||
to give those rows a usable height. */
|
||||
@media (max-height: 700px) {
|
||||
#vv-monitor { grid-auto-rows: auto; }
|
||||
#vv-monitor .vv-card { overflow: visible; }
|
||||
#vv-monitor .vv-card > div { overflow-y: visible; min-height: auto; }
|
||||
|
||||
Reference in New Issue
Block a user