Grow/shrink record sheet as viewport size permits
This commit is contained in:
parent
aeccb04d3c
commit
a06cfb7bbd
19
style.css
19
style.css
@ -1,3 +1,9 @@
|
|||||||
|
@media (width >= 1800px) {
|
||||||
|
#record-sheet {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
max-height: 100vh;
|
max-height: 100vh;
|
||||||
@ -17,11 +23,14 @@ svg {
|
|||||||
div#content {
|
div#content {
|
||||||
flex-basis: 0;
|
flex-basis: 0;
|
||||||
/* overflow: scroll; */
|
/* overflow: scroll; */
|
||||||
|
max-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
#record-sheet {
|
#record-sheet {
|
||||||
max-height: 100vh;
|
/* max-height: 100%; */
|
||||||
overflow: auto;
|
overflow-y: auto;
|
||||||
/* display: flex; */
|
/* display: flex; */
|
||||||
/* display: none; */
|
/* display: none; */
|
||||||
}
|
}
|
||||||
@ -159,9 +168,3 @@ rect#debug-view-box {
|
|||||||
fill: blue;
|
fill: blue;
|
||||||
fill-opacity: 0.2;
|
fill-opacity: 0.2;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (width >= 1800px) {
|
|
||||||
body {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
}
|
|
Loading…
x
Reference in New Issue
Block a user