Collapsing the table gives its space to the map, in page-scroll too
Some checks are pending
build-gate / build (push) Waiting to run

Driver: collapsing the table is supposed to increase the size of the map;
instead it introduced white space under the collapsed bar.

The collapsed template still used 1fr for the map row, and 1fr cannot grow
in an auto-height shell -- no fixed total to divide -- so the freed space
pooled under the bar. The page-scroll collapsed state now derives from the
same shell budget as the open state: map = shell minus the bar, on both the
row and the element. One owner, every state.
This commit is contained in:
doxa-maps-88655c70 2026-09-23 21:06:00 +00:00
parent a9655e319e
commit df1ce0feed

View file

@ -435,6 +435,20 @@ useShadowStyles(`
SERVER, not this CSS. Verified this time against a live server with a screenshot. */
.rd-shell.rd-page-scroll{ height:auto; --table-h:auto;
grid-template-rows: var(--rd-topbar-h,44px) auto var(--rd-stats-h,26px) var(--rd-map-h,40svh) auto; }
/* ★ COLLAPSE GIVES ITS SPACE TO THE MAP (Driver 2026-09-23: "collapsing the table is supposed to
collapse down and increase the size of the map -- instead it collapsed up and introduced white
space under the collapsed table"). The base .rd-table-collapsed template still says 1fr for the
map row, and 1fr cannot grow in an auto-height shell -- there is no fixed total to divide -- so
the freed space pooled under the bar as white nothing. In page-scroll the collapsed map takes
the SAME shell budget the open state uses, minus only the bar: the one-owner derivation again,
so collapse/expand and both drag handles all move the same quantity instead of fighting.
Both the ROW and the ELEMENT get the height, for the same reason they share --rd-map-h when
open: two owners of one height is the bug this file keeps re-learning. */
.rd-shell.rd-page-scroll.rd-table-collapsed{
grid-template-rows: var(--rd-topbar-h,44px) auto var(--rd-stats-h,26px)
calc(var(--rd-shell-h, 602px) - var(--table-bar-h,30px)) var(--table-bar-h,30px); }
.rd-shell.rd-page-scroll.rd-table-collapsed > [data-region="map"]{
height:calc(var(--rd-shell-h, 602px) - var(--table-bar-h,30px)); }
.rd-shell.rd-page-scroll > [data-region="map"]{ height:var(--rd-map-h, 40svh); overflow:hidden; }
.rd-shell.rd-page-scroll > [data-region="table"]{ overflow:visible; }
.rd-shell.rd-page-scroll .rd-table-wrap{ height:auto; }