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:
Gmer4Lfe
2026-08-25 16:54:19 -04:00
parent f4adc31215
commit fb104bf05a
2 changed files with 28 additions and 4 deletions
+7 -4
View File
@@ -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; }