Commit b54e9a83 authored by Téo Vasseur's avatar Téo Vasseur

css : balanced width/height for panels (~grid display)

parent cd31ee75
...@@ -12,6 +12,7 @@ div { ...@@ -12,6 +12,7 @@ div {
} }
#panels { #panels {
display: grid;
position: fixed; position: fixed;
top: 0px; top: 0px;
bottom: 0px; bottom: 0px;
...@@ -23,16 +24,21 @@ div { ...@@ -23,16 +24,21 @@ div {
margin: 6px; margin: 6px;
} }
.panel {
display: grid;
}
.panel:empty {
display: none;
}
#AB { #AB {
/*display: flex;*/ display: flex;
/*height: 100%;*/
/*position: absolute; /*position: absolute;
top: 0px; top: 0px;
bottom: 125px;*/ bottom: 125px;*/
height: calc(100% - 125px); /*height: calc(100% - 125px);*/
}
.panel {
display: grid;
} }
#A, #B { #A, #B {
...@@ -40,11 +46,12 @@ div { ...@@ -40,11 +46,12 @@ div {
width: -webkit-calc(50% - 3px); width: -webkit-calc(50% - 3px);
width: calc(50% - 3px); width: calc(50% - 3px);
width: auto;*/ width: auto;*/
width: 100%;
} }
#A { #A {
float: left; /*float: left;*/
width: 50%; /*width: 50%;*/
/*left: 0px;*/ /*left: 0px;*/
} }
...@@ -52,13 +59,13 @@ div { ...@@ -52,13 +59,13 @@ div {
/*position: absolute; /*position: absolute;
right: 0px; right: 0px;
left: auto;*/ left: auto;*/
float: right; /*float: right;*/
} }
#C { #C {
position: absolute; /*position: absolute;
bottom: 0px; bottom: 0px;*/
min-height: 125px; /*min-height: 125px;*/
} }
.separator { .separator {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment