Web Dev Solutions

Catalin Mititiuc

From ca6eb9abab1c5a4f999a379084cccd78861f810f Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Wed, 27 Mar 2024 14:49:57 -0700 Subject: Grow/shrink record sheet as viewport size permits --- style.css | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index 9603e1a..98d8373 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,9 @@ +@media (width >= 1800px) { + #record-sheet { + display: flex; + } +} + body { margin: 0; max-height: 100vh; @@ -17,11 +23,14 @@ svg { div#content { flex-basis: 0; /* overflow: scroll; */ + max-height: 100vh; + display: flex; + flex-direction: column; } #record-sheet { - max-height: 100vh; - overflow: auto; + /* max-height: 100%; */ + overflow-y: auto; /* display: flex; */ /* display: none; */ } @@ -158,10 +167,4 @@ rect#debug-view-box { stroke-width: 20px; */ fill: blue; fill-opacity: 0.2; -} - -@media (width >= 1800px) { - body { - display: flex; - } } \ No newline at end of file -- cgit v1.2.3