ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-15 05:38:12 +00:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

Markup / scss refactor WIP

Browse Source 
- Added disabled property to viewControl;
- Margin for elements in main panes;
- Main search input styled for --major;
This commit is contained in:
charlesh88
2018-08-15 16:25:35 -07:00
parent 6708c79754
commit 5deff887fc
3 changed files with 35 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,9 +6,9 @@
splitter="after"
collapsable>
<div class="l-shell__search">
<search ref="shell-search"></search>
<search class="c-search--major" ref="shell-search"></search>
</div>
<div class="l-shell__tree">
<div class="l-shell__tree u-last">
<MctTree ref="shell-tree"></MctTree>
</div>
</pane>
@ -16,7 +16,6 @@
<div class="l-shell__object-view">c-object-view</div>
<div class="l-shell__time-conductor">c-time-conductor</div>
</pane>
<splitter align="vertical" target="shell-pane-main" collapse="to-right"></splitter>
<pane class="l-pane l-shell__pane-inspector"
splitter="before"
collapsable>
@ -75,6 +74,11 @@
&__pane-inspector {
display: flex;
flex-flow: column nowrap;
// Create margin between shell elements in a pane
> [class*="l-shell__"] + [class*="l-shell__"] {
margin-top: $interiorMargin;
}
}
&__pane-tree,
@ -86,7 +90,7 @@
&__pane-tree {
$m: $interiorMargin;
background: $colorTreeBg;
padding: $m $m + ($splitterD - $splitterHandleD) $m $m;
padding: $m $m + ($splitterD) $m $m; // TODO: move this into pane.vue
width: 300px
}