| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <Catalin.Mititiuc@gmail.com> | 2024-03-27 15:07:04 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <Catalin.Mititiuc@gmail.com> | 2024-03-27 15:07:04 -0700 |
| commit | 7c1cc97bd262bc9fe32fb652eca80bdedc758d81 (patch) | |
| tree | 680362c637d0cf7e314d5e85e950ca4c4b382f16 | |
| parent | ca6eb9abab1c5a4f999a379084cccd78861f810f (diff) | |
Scroll the record sheet sides individually when viewport width is narrow
| -rw-r--r-- | style.css | 22 |
1 files changed, 15 insertions, 7 deletions
@@ -1,9 +1,3 @@ -@media (width >= 1800px) { - #record-sheet { - display: flex; - } -} - body { margin: 0; max-height: 100vh; @@ -31,12 +25,15 @@ div#content { #record-sheet { /* max-height: 100%; */ overflow-y: auto; - /* display: flex; */ + display: flex; + flex-direction: column; /* display: none; */ } #record-sheet > div { padding: 0 2px; + max-height: 50%; + overflow-y: auto; } #record-sheet > div > div { @@ -167,4 +164,15 @@ rect#debug-view-box { stroke-width: 20px; */ fill: blue; fill-opacity: 0.2; +} + +@media (width >= 1800px) { + #record-sheet { + flex-direction: row; + } + + #record-sheet > div { + max-height: unset; + overflow-y: unset; + } }
\ No newline at end of file |