ccm/btroops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Scroll the record sheet sides individually when viewport width is narrow

Browse Source
This commit is contained in:
Catalin Mititiuc 2024-03-27 15:07:04 -07:00
parent ca6eb9abab
commit 7c1cc97bd2
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
style.css
View File

@ -1,9 +1,3 @@
@media (width >= 1800px) {
#record-sheet {
display: flex;
}
}
body { body {
margin: 0; margin: 0;
max-height: 100vh; max-height: 100vh;
@ -31,12 +25,15 @@ div#content {
#record-sheet { #record-sheet {
/* max-height: 100%; */ /* max-height: 100%; */
overflow-y: auto; overflow-y: auto;
/* display: flex; */ display: flex;
flex-direction: column;
/* display: none; */ /* display: none; */
} }
#record-sheet > div { #record-sheet > div {
padding: 0 2px; padding: 0 2px;
max-height: 50%;
overflow-y: auto;
} }
#record-sheet > div > div { #record-sheet > div > div {
@ -167,4 +164,15 @@ rect#debug-view-box {
stroke-width: 20px; */ stroke-width: 20px; */
fill: blue; fill: blue;
fill-opacity: 0.2; fill-opacity: 0.2;
}
@media (width >= 1800px) {
#record-sheet {
flex-direction: row;
}
#record-sheet > div {
max-height: unset;
overflow-y: unset;
}
} }