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

[Frontend] Fixed and finessed mobile expand collapse

Browse Source 
open #90
Fixed problem of right pane primary not going all the way left;
Finessed timing of tree pane fade in / fade out;
This commit is contained in:
Charles Hacskaylo 2015-10-27 17:18:40 -07:00
parent 0a19ab4389
commit fc704b8056
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -63,10 +63,15 @@
// Sets the left tree menu when the tree // Sets the left tree menu when the tree
// is hidden. // is hidden.
.pane.left.treeview { .pane.left.treeview {
right: 100% !important; @include trans-prop-nice(opacity, 150ms);
width: auto !important; //right: 100% !important;
overflow-y: hidden; //width: auto !important;
overflow-x: hidden; //overflow-y: hidden;
//overflow-x: hidden;
opacity: 0 !important;
}
.pane.right.items {
left: 0 !important;
} }
} }
@ -80,6 +85,7 @@
// Sets the left tree menu when the tree is shown. // Sets the left tree menu when the tree is shown.
.pane.left.treeview { .pane.left.treeview {
@include trans-prop-nice(opacity, 250ms, $delay: 250ms);
@include background-image(linear-gradient(90deg, rgba(black, 0) 98%, rgba(black, 0.3) 100%)); @include background-image(linear-gradient(90deg, rgba(black, 0) 98%, rgba(black, 0.3) 100%));
right: auto !important; right: auto !important;
width: $proporMenuWithView !important; width: $proporMenuWithView !important;