[CSS] Fix issue where panels wouldn't scroll independantly

This commit is contained in:
Eliseu Amaro 2022-01-27 01:53:30 +00:00
parent 222e1fbb2b
commit ab6dabf4f7
Signed by: eliseuamaro
GPG Key ID: 96DA09D4B97BC2D5
1 changed files with 3 additions and 3 deletions

View File

@ -132,7 +132,8 @@ html {
.section-panel .panel-content { .section-panel .panel-content {
background: var(--background-hard); background: var(--background-hard);
display: block; display: block;
height: max-content; height: calc(100vh - var(--xxl));
overflow: auto;
} }
@media only screen and (max-width: 1280px) { @media only screen and (max-width: 1280px) {
@ -163,9 +164,8 @@ html {
#toggle-panel-left:checked ~ .section-panel-left, #toggle-panel-right:checked ~ .section-panel-right { #toggle-panel-left:checked ~ .section-panel-left, #toggle-panel-right:checked ~ .section-panel-right {
left: 0; left: 0;
overflow-y: auto;
width: 100vw; width: 100vw;
z-index: 1; z-index: auto;
background: var(--background-hard); background: var(--background-hard);
box-shadow: var(--shadow); box-shadow: var(--shadow);
} }