remove debug colors, add separate body styles for each pane

This commit is contained in:
Riccardo Mottola 2024-09-24 00:53:47 +02:00
parent e126331994
commit a2c9bfab5b

View file

@ -1,5 +1,5 @@
.content-bar { .content-bar {
background-color: green; background-color: ;
float: left; float: left;
position: fixed; position: fixed;
top: 0px; top: 0px;
@ -15,7 +15,14 @@
height: 30%; height: 30%;
width: 100%; width: 100%;
overflow: auto; overflow: auto;
background-color: yellow; }
.content-bar-top-body {
position: absolute;
top: 0px;
left: 0px;
padding-left: 10px;
padding-top: 10px;
} }
.content-bar-bottom { .content-bar-bottom {
@ -25,11 +32,18 @@
height:70%; height:70%;
width: 100%; width: 100%;
overflow: auto; overflow: auto;
background-color: red;
} }
.content-bar-bottom-body {
position: absolute;
top: 0px;
left: 0px;
padding-left: 10px;
padding-top: 10px;
}
.content-pane { .content-pane {
background-color: pink;
position: fixed; position: fixed;
top: 0px; top: 0px;
right: 0px; right: 0px;
@ -38,8 +52,7 @@
overflow-y: auto; overflow-y: auto;
} }
.content-body { .content-pane-body {
background-color: grey;
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;