ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-15 09:20:26 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Treeview] Treeview collapse

Browse Source 
Clicking on the pane tab now will make the treeview
invisible, and set the width to 0. BUT, this does
not immediately move the splitter bar, though it
does go to the correct width if clicked.
Needs more work.
This commit is contained in:
slhale 2015-08-19 16:44:42 -07:00
parent 4a730f875f
commit e44e50823e
3 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,7 +31,8 @@
<mct-split-pane class='contents abs'
anchor='left'>
<div class='split-pane-component treeview pane left'>
<div class='split-pane-component treeview pane left'
ng-class='{inactive: !paneModel.pane}'>
<mct-representation key="'create-button'"
mct-object="navigatedObject">

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

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

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

@ -22,6 +22,19 @@
// Added by shale on 08/19/2015. Styling for the collapsible tree view.
.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;
}
}
// Move buttons close to the splitter bar
.object-browse-bar {
position: relative;