Fix layout issues with overflow, shrinking, etc.

- Tree, main area, header, browse-bar
This commit is contained in:
charlesh88 2018-09-18 15:01:09 -07:00
parent ef92da4d9d
commit 7483e886f1

View File

@ -84,7 +84,8 @@
} }
} }
&__pane-main { &__pane-main,
&__pane-tree {
> .l-pane__contents { > .l-pane__contents {
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
@ -119,11 +120,15 @@
&__head, &__head,
&__status { &__status {
flex: 0 1 auto; flex: 0 0 auto;
display: flex; display: flex;
} }
/******************************* HEAD */ /******************************* HEAD */
&__main-view-browse-bar {
flex: 0 0 auto;
}
&__head { &__head {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -150,7 +155,8 @@
/********** MAIN AREA */ /********** MAIN AREA */
&__main-container { &__main-container {
// Wrapper for main views // Wrapper for main views
flex: 1 1 100%; flex: 1 1 auto;
overflow: auto;
//font-size: 16px; // TEMP FOR LEGACY STYLING //font-size: 16px; // TEMP FOR LEGACY STYLING
} }