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

[Inspector] Add right pane

Browse Source 
Added a right pane to the page. This was done by
putting an mct-split-pane nested inside of the
existsing mct-split-pane. #73.
This commit is contained in:
slhale 2015-08-20 15:11:16 -07:00
parent 32c7cc2424
commit d9a65a1844
3 changed files with 34 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
platform/commonUI/browse/res/templates/browse.html
View File

@ -51,15 +51,30 @@
ng-class="{inactive: !paneModel.leftPane}">
</mct-splitter>
<div class='split-pane-component items pane'
ng-class='{leftInactive: !paneModel.leftPane}'>
<div class='holder abs'
id='content-area'>
<mct-representation key="'browse-object'"
mct-object="navigatedObject"
ng-model="paneModel">
</mct-representation>
</div>
<div class='split-pane-component secondary-split pane right'>
<mct-split-pane class='contents abs'
anchor='right'>
<div class='split-pane-component items pane'
ng-class='{leftInactive: !paneModel.leftPane}'>
<div class='holder abs'
id='content-area'>
<mct-representation key="'browse-object'"
mct-object="navigatedObject"
ng-model="paneModel">
</mct-representation>
</div>
</div>
<mct-splitter class="splitter-bar right"
ng-class="{inactive: !paneModel.leftPane}">
</mct-splitter>
<div class='split-pane-component object-inspector pane right'>
Info
</div>
</mct-split-pane>
</div>
</mct-split-pane>

4
platform/commonUI/general/res/css/theme-espresso.css
View File

@ -5204,3 +5204,7 @@ input[type="text"] {
/* line 135, ../sass/tree/_pane.scss */
.items.pane .object-browse-bar .items-select {
margin-left: 10px; }
/* line 141, ../sass/tree/_pane.scss */
.splitter-bar.right {
top: 0; }

6
platform/commonUI/general/res/sass/tree/_pane.scss
View File

@ -137,3 +137,9 @@ $transitionTime: 0.35s;
}
}
}
.splitter-bar.right {
// Make the splitter bar vertically span to the top
top: 0;
}