mirror of
https://github.com/nasa/openmct.git
synced 2025-01-02 19:36:41 +00:00
[Mobile] Transistions
Cleaned up and added transitions.
This commit is contained in:
Shivam Dave
parent
4b5540830b
commit
a9dd1f9828
@ -737,6 +737,10 @@ mct-container {
|
||||
/* line 25, ../sass/mobile/_layout.scss */
|
||||
.browse-wrapper,
|
||||
.pane-special {
|
||||
-moz-transition-duration: 0.2s;
|
||||
-o-transition-duration: 0.2s;
|
||||
-webkit-transition-duration: 0.2s;
|
||||
transition-duration: 0.2s;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
@ -747,23 +751,39 @@ mct-container {
|
||||
|
||||
/* line 36, ../sass/mobile/_layout.scss */
|
||||
.browse-hidetree .pane-special.left {
|
||||
-moz-transition-duration: 0.2s;
|
||||
-o-transition-duration: 0.2s;
|
||||
-webkit-transition-duration: 0.2s;
|
||||
transition-duration: 0.2s;
|
||||
display: none !important; }
|
||||
/* line 43, ../sass/mobile/_layout.scss */
|
||||
/* line 41, ../sass/mobile/_layout.scss */
|
||||
.browse-hidetree .pane-special.right {
|
||||
-moz-transition-duration: 0.2s;
|
||||
-o-transition-duration: 0.2s;
|
||||
-webkit-transition-duration: 0.2s;
|
||||
transition-duration: 0.2s;
|
||||
width: auto !important;
|
||||
left: 0px !important; }
|
||||
|
||||
/* line 51, ../sass/mobile/_layout.scss */
|
||||
/* line 49, ../sass/mobile/_layout.scss */
|
||||
.browse-showtree .pane-special.left {
|
||||
-moz-transition-duration: 0.2s;
|
||||
-o-transition-duration: 0.2s;
|
||||
-webkit-transition-duration: 0.2s;
|
||||
transition-duration: 0.2s;
|
||||
display: block !important;
|
||||
width: 300px !important;
|
||||
right: auto !important; }
|
||||
/* line 58, ../sass/mobile/_layout.scss */
|
||||
/* line 56, ../sass/mobile/_layout.scss */
|
||||
.browse-showtree .pane-special.right {
|
||||
-moz-transition-duration: 0.2s;
|
||||
-o-transition-duration: 0.2s;
|
||||
-webkit-transition-duration: 0.2s;
|
||||
transition-duration: 0.2s;
|
||||
left: 300px !important;
|
||||
width: auto !important; }
|
||||
|
||||
/* line 68, ../sass/mobile/_layout.scss */
|
||||
/* line 66, ../sass/mobile/_layout.scss */
|
||||
.button-pos {
|
||||
position: absolute;
|
||||
-moz-transition-duration: 0.2s;
|
||||
@ -771,37 +791,38 @@ mct-container {
|
||||
-webkit-transition-duration: 0.2s;
|
||||
transition-duration: 0.2s; }
|
||||
|
||||
/* line 73, ../sass/mobile/_layout.scss */
|
||||
/* line 71, ../sass/mobile/_layout.scss */
|
||||
.object-header-mobile {
|
||||
position: relative; }
|
||||
position: relative;
|
||||
left: 30px; }
|
||||
|
||||
/* line 77, ../sass/mobile/_layout.scss */
|
||||
/* line 76, ../sass/mobile/_layout.scss */
|
||||
.mobile-menu-icon {
|
||||
top: 5px; }
|
||||
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
|
||||
/* line 77, ../sass/mobile/_layout.scss */
|
||||
/* line 76, ../sass/mobile/_layout.scss */
|
||||
.mobile-menu-icon {
|
||||
font-size: 125%; } }
|
||||
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
|
||||
/* line 77, ../sass/mobile/_layout.scss */
|
||||
/* line 76, ../sass/mobile/_layout.scss */
|
||||
.mobile-menu-icon {
|
||||
font-size: 175%; } }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 77, ../sass/mobile/_layout.scss */
|
||||
/* line 76, ../sass/mobile/_layout.scss */
|
||||
.mobile-menu-icon {
|
||||
display: none; } }
|
||||
|
||||
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
|
||||
/* line 90, ../sass/mobile/_layout.scss */
|
||||
/* line 89, ../sass/mobile/_layout.scss */
|
||||
.mobile-hide {
|
||||
display: none; } }
|
||||
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
|
||||
/* line 90, ../sass/mobile/_layout.scss */
|
||||
/* line 89, ../sass/mobile/_layout.scss */
|
||||
.mobile-hide {
|
||||
display: none; } }
|
||||
|
||||
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
|
||||
/* line 99, ../sass/mobile/_layout.scss */
|
||||
/* line 98, ../sass/mobile/_layout.scss */
|
||||
.phone-hide {
|
||||
display: none; } }
|
||||
|
||||
|
||||
@ -24,24 +24,22 @@
|
||||
|
||||
.browse-wrapper,
|
||||
.pane-special {
|
||||
@include transition-duration(.2s);
|
||||
position: absolute;
|
||||
left: 0; top: 0;
|
||||
right: 0; left: 0;
|
||||
white-space: nowrap;
|
||||
height: 100%;
|
||||
// overflow: hidden;
|
||||
}
|
||||
|
||||
.browse-hidetree {
|
||||
.pane-special.left {
|
||||
// background-color: #FFF;
|
||||
// right: auto;
|
||||
// width: 50px;
|
||||
@include transition-duration(.2s);
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.pane-special.right {
|
||||
// background-color: #325DE6;
|
||||
@include transition-duration(.2s);
|
||||
width: auto !important;
|
||||
left: 0px !important;
|
||||
}
|
||||
@ -49,14 +47,14 @@
|
||||
|
||||
.browse-showtree {
|
||||
.pane-special.left {
|
||||
@include transition-duration(.2s);
|
||||
display: block !important;
|
||||
// background-color: #FFF;
|
||||
width: 300px !important;
|
||||
right: auto !important;
|
||||
}
|
||||
|
||||
.pane-special.right {
|
||||
// background-color: #325DE6;
|
||||
@include transition-duration(.2s);
|
||||
left: 300px !important;
|
||||
width: auto !important;
|
||||
}
|
||||
@ -72,6 +70,7 @@
|
||||
|
||||
.object-header-mobile {
|
||||
position: relative;
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
.mobile-menu-icon {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user