ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-23 23:12:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix layout issues with overflow, shrinking, etc.

Browse Source 
- Tree, main area, header, browse-bar
This commit is contained in:
charlesh88 2018-09-18 15:01:09 -07:00
parent ef92da4d9d
commit 7483e886f1
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/ui/components/layout/Layout.vue
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
} }