alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] Manual re-do of collapse/expand panes

Browse Source 
open #90
Renamed BrowseTreeController to PaneController;
Ensuring mobile functionality parity;
This commit is contained in:
Charles Hacskaylo
2015-10-22 13:33:43 -07:00
parent 3080861764
commit b98c1cdfe8
11 changed files with 247 additions and 275 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
platform/commonUI/general/res/sass/mobile/_layout.scss
View File

@@ -55,25 +55,19 @@
left: $bodyMargin !important;
}
// When the tree is hidden, these are the
// When the tree is hidden, these are the
// classes used for the left menu and the
// right representation.
.browse-hidetree {
@include user-select(none);
// Sets the left tree menu when the tree
// is hidden.
.pane.left.treeview {
opacity: 0;
right: 100% !important;
width: auto !important;
overflow-y: hidden;
overflow-x: hidden;
}
// Sets the right represenation when
// the tree is hidden.
.pane.right-repr {
left: 0 !important;
}
}
.browse-showtree {
@@ -82,14 +76,14 @@
// causing cut/copy/paste menu to
// not appear. Should me moved in
// future to properly work
@include user-select(none);
//@include user-select(none);
// Sets the left tree menu when the tree is shown.
.pane.left.treeview {
@include trans-prop-nice(opacity, .4s);
//@include trans-prop-nice(opacity, .4s);
@include background-image(linear-gradient(90deg, rgba(black, 0) 98%, rgba(black, 0.3) 100%));
opacity: 1;
display: block !important;
//opacity: 1;
//display: block !important;
//width: auto !important; // CH CO
right: auto !important;
width: $proporMenuWithView !important;
@@ -97,10 +91,6 @@
// Sets the right representation when the tree is shown.
.pane.right-repr {
left: $proporMenuWithView !important;
//width: auto !important;
//left: 0 !important;
//transform: translateX($proporMenuWithView);
}
}