ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-04-25 05:20:10 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

[Treeview] Treeview collapse toggle

Browse Source 
Clicking on the pane tab now toggles the
treeview.
This commit is contained in:
slhale 2015-08-19 16:57:11 -07:00
parent 29b1cfa890
commit 62f7ca5a0a
3 changed files with 35 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -46,9 +46,12 @@
</div>
</div>
<mct-splitter></mct-splitter>
<mct-splitter class="splitter-bar left"
ng-class="{inactive: !paneModel.leftPane}">
</mct-splitter>
<div class='split-pane-component items pane'>
<div class='split-pane-component items pane'
ng-class='{leftInactive: !paneModel.leftPane}'>
<div class='holder abs'
id='content-area'>
<mct-representation key="'browse-object'"

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

@ -706,17 +706,25 @@ mct-container {
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* line 29, ../sass/tree/_layout.scss */
.pane.right.inactive,
/* line 27, ../sass/tree/_layout.scss */
.pane.left.inactive {
visibility: hidden;
width: 0 !important;
min-width: 0 !important; }
/* line 39, ../sass/tree/_layout.scss */
/* line 36, ../sass/tree/_layout.scss */
.splitter-bar.left.inactive {
left: 0 !important;
visibility: hidden; }
/* line 46, ../sass/tree/_layout.scss */
.items.pane.leftInactive {
left: 0 !important; }
/* line 52, ../sass/tree/_layout.scss */
.object-browse-bar {
position: relative; }
/* line 42, ../sass/tree/_layout.scss */
/* line 55, ../sass/tree/_layout.scss */
.object-browse-bar .left-pane-tabs {
position: relative;
cursor: pointer;
@ -729,7 +737,7 @@ mct-container {
border-radius: 2px;
background-color: lightgrey;
border: 1px solid grey; }
/* line 58, ../sass/tree/_layout.scss */
/* line 71, ../sass/tree/_layout.scss */
.object-browse-bar .items-select {
margin-left: 10px; }

21
platform/commonUI/general/res/sass/tree/_layout.scss
View File

@ -22,19 +22,32 @@
// Added by shale on 08/19/2015. Styling for the collapsible tree view.
.pane.right,
//.pane.right,
.pane.left {
//color: pink;
&.inactive {
// Don't want visibility hidden later, because create button
visibility: hidden;
//color: aqua;
width: 0 !important;
min-width: 0 !important;
}
}
.splitter-bar.left {
&.inactive {
left: 0 !important;
visibility: hidden;
//width: 0;
}
}
// The main view needs to align left when the panes are moving around
.items.pane {
&.leftInactive {
left: 0 !important;
}
}
// Move buttons close to the splitter bar
.object-browse-bar {
position: relative;