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

Frontend] Treeview expand/collapse anim timing tweaks

Browse Source 
open
This commit is contained in:
Charles Hacskaylo 2015-10-26 14:54:09 -07:00
parent 77a1a90905
commit 498f854bef
3 changed files with 49 additions and 10 deletions
platform/commonUI
general/res/sass/user-environ
_layout.scss
themes
espresso/res/css
theme-espresso.css
snow/res/css
theme-snow.css

3
platform/commonUI/general/res/sass/user-environ/_layout.scss

@ -443,6 +443,9 @@
@include trans-prop-nice(opacity, $dur: 250ms, $delay: 250ms); @include trans-prop-nice(opacity, $dur: 250ms, $delay: 250ms);
opacity: 1; opacity: 1;
} }
.create-and-search-holder {
@include trans-prop-nice(top, $dur: 250ms, $delay: 200ms);
}
} }
.pane-inspect-showing { .pane-inspect-showing {

28
platform/commonUI/themes/espresso/res/css/theme-espresso.css

@ -4132,8 +4132,26 @@ span.req {
-webkit-transition-delay: 250ms; -webkit-transition-delay: 250ms;
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 446, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .create-and-search-holder {
-moz-transition-property: top;
-o-transition-property: top;
-webkit-transition-property: top;
transition-property: top;
-moz-transition-duration: 250ms;
-o-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-moz-transition-delay: 200ms;
-o-transition-delay: 200ms;
-webkit-transition-delay: 200ms;
transition-delay: 200ms; }
/* line 450, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 453, ../../../../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;
@ -4154,21 +4172,21 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 459, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 462, ../../../../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 468, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 471, ../../../../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 471, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 474, ../../../../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 474, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 477, ../../../../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;

28
platform/commonUI/themes/snow/res/css/theme-snow.css

@ -4073,8 +4073,26 @@ span.req {
-webkit-transition-delay: 250ms; -webkit-transition-delay: 250ms;
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 446, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .create-and-search-holder {
-moz-transition-property: top;
-o-transition-property: top;
-webkit-transition-property: top;
transition-property: top;
-moz-transition-duration: 250ms;
-o-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-moz-transition-delay: 200ms;
-o-transition-delay: 200ms;
-webkit-transition-delay: 200ms;
transition-delay: 200ms; }
/* line 450, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 453, ../../../../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;
@ -4095,21 +4113,21 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 459, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 462, ../../../../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 468, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 471, ../../../../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 471, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 474, ../../../../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 474, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 477, ../../../../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;