ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-01 00:45:41 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Frontend] More refining of collapsing treeview

Browse Source 
open #90
Treeview and search now transition properly when user collapses
left pane while searching;
This commit is contained in:
Charles Hacskaylo 2015-10-26 10:35:41 -07:00
parent fd582d45d2
commit 7d42292184
3 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
platform/commonUI/general/res/sass/user-environ/_layout.scss
View File

@ -438,13 +438,11 @@
// 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,
.tree-holder, .tree-holder,
.splitter-treeview { .splitter-treeview,
.search-holder .search {
@include trans-prop-nice(opacity, $dur: 250ms, $delay: 250ms); @include trans-prop-nice(opacity, $dur: 250ms, $delay: 250ms);
opacity: 1; opacity: 1;
} }
.pane.left {
}
} }
.pane-inspect-showing { .pane-inspect-showing {

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

@ -4103,7 +4103,8 @@ span.req {
/* line 440, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 440, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .tree-holder, .pane-tree-showing .tree-holder,
.pane-tree-showing .splitter-treeview { .pane-tree-showing .splitter-treeview,
.pane-tree-showing .search-holder .search {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
-webkit-transition-property: opacity; -webkit-transition-property: opacity;
@ -4122,7 +4123,7 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 452, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 450, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-showing .l-object-and-inspector .pane.right, .pane-inspect-showing .l-object-and-inspector .pane.right,
.pane-inspect-showing .l-object-and-inspector .splitter-inspect { .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4143,21 +4144,21 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 461, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 459, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.right, .pane-inspect-hidden .l-object-and-inspector .pane.right,
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect { .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; } opacity: 0; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 470, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 468, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane { .pane-tree-hidden .pane.right.primary-pane {
left: 10px !important; } left: 10px !important; }
/* line 473, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 471, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left { .pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 10px !important; } right: 10px !important; }
/* line 476, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 474, ../../../../general/res/sass/user-environ/_layout.scss */
.pane:not(.resizing) { .pane:not(.resizing) {
-moz-transition-property: width, left, right; -moz-transition-property: width, left, right;
-o-transition-property: width, left, right; -o-transition-property: width, left, right;

13
platform/commonUI/themes/snow/res/css/theme-snow.css
View File

@ -4044,7 +4044,8 @@ span.req {
/* line 440, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 440, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .tree-holder, .pane-tree-showing .tree-holder,
.pane-tree-showing .splitter-treeview { .pane-tree-showing .splitter-treeview,
.pane-tree-showing .search-holder .search {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
-webkit-transition-property: opacity; -webkit-transition-property: opacity;
@ -4063,7 +4064,7 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 452, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 450, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-showing .l-object-and-inspector .pane.right, .pane-inspect-showing .l-object-and-inspector .pane.right,
.pane-inspect-showing .l-object-and-inspector .splitter-inspect { .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4084,21 +4085,21 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 461, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 459, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.right, .pane-inspect-hidden .l-object-and-inspector .pane.right,
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect { .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; } opacity: 0; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 470, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 468, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane { .pane-tree-hidden .pane.right.primary-pane {
left: 10px !important; } left: 10px !important; }
/* line 473, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 471, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left { .pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 10px !important; } right: 10px !important; }
/* line 476, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 474, ../../../../general/res/sass/user-environ/_layout.scss */
.pane:not(.resizing) { .pane:not(.resizing) {
-moz-transition-property: width, left, right; -moz-transition-property: width, left, right;
-o-transition-property: width, left, right; -o-transition-property: width, left, right;