mirror of
https://github.com/nasa/openmct.git
synced 2025-04-04 17:59:18 +00:00
[Treeview] Treeview collapse toggle
Clicking on the pane tab now toggles the treeview.
This commit is contained in:
parent
29b1cfa890
commit
62f7ca5a0a
@ -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'"
|
||||
|
@ -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; }
|
||||
|
||||
|
@ -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;
|
||||
|
Loading…
x
Reference in New Issue
Block a user