ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-18 02:39:56 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add status bar

Browse Source
This commit is contained in:
charlesh88 2018-08-17 14:14:01 -07:00
parent 8addfb886e
commit c3262de1b7
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/ui/components/layout/Layout.vue
View File

@ -1,5 +1,9 @@
<template>
<div class="l-shell">
<div class="l-shell__head">
[ Create Button ]
[ App Logo ]
</div>
<multipane class="l-shell__main"
type="horizontal">
<pane class="l-pane l-shell__pane-tree"
@ -23,9 +27,7 @@
</pane>
</multipane>
<div class="l-shell__status">
[ Create Button ]
<MctStatus></MctStatus>
[ App Logo ]
</div>
</div>
</template>
@ -40,21 +42,32 @@
display: flex;
flex-flow: column nowrap;
/********** STATUS AREA */
/********** HEAD AND STATUS */
&__head,
&__status {
border-bottom: 1px solid $colorInteriorBorder;
flex: 0 1 auto;
}
&__head {
border-bottom: 1px solid $colorInteriorBorder;
height: 40px;
order: 1;
padding: $interiorMarginLg;
}
&__status {
background: $colorBodyFg;
color: $colorBodyBg;
border-top: 1px solid $colorInteriorBorder;
height: 24px;
padding: $interiorMarginSm;
}
/********** MAIN AREA */
&__main {
flex: 1 1 auto;
display: flex;
flex-flow: row nowrap;
order: 2;
}
&__tree {