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

[Mobile] Phone

Browse Source 
Adjusted to differentiate
phones and tablets.
This commit is contained in:
Dave 2015-07-08 16:28:40 -07:00
parent cdcaedc8dd
commit 7974f33781
2 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
platform/commonUI/general/res/css/theme-espresso.css
View File

@ -731,7 +731,15 @@ mct-container {
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
@media screen and (max-width: 800px) { @media screen and (max-width: 514px) {
/* line 26, ../sass/mobile/_layout.scss */
.holder-hide {
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
left: -108px; } }
@media screen and (min-width: 515px) and (max-width: 800px) {
/* line 26, ../sass/mobile/_layout.scss */ /* line 26, ../sass/mobile/_layout.scss */
.holder-hide { .holder-hide {
-moz-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
@ -741,7 +749,7 @@ mct-container {
left: -150px; } } left: -150px; } }
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
/* line 33, ../sass/mobile/_layout.scss */ /* line 37, ../sass/mobile/_layout.scss */
.holder-show { .holder-show {
-moz-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s; -o-transition-duration: 0.2s;
@ -750,15 +758,15 @@ mct-container {
left: 0px; } } left: 0px; } }
@media screen and (max-width: 514px) { @media screen and (max-width: 514px) {
/* line 40, ../sass/mobile/_layout.scss */ /* line 44, ../sass/mobile/_layout.scss */
.browse-manage { .browse-manage {
width: 100px; } } width: 100px; } }
@media screen and (min-width: 515px) and (max-width: 800px) { @media screen and (min-width: 515px) and (max-width: 800px) {
/* line 40, ../sass/mobile/_layout.scss */ /* line 44, ../sass/mobile/_layout.scss */
.browse-manage { .browse-manage {
width: 150px; } } width: 150px; } }
@media screen and (min-width: 801px) { @media screen and (min-width: 801px) {
/* line 40, ../sass/mobile/_layout.scss */ /* line 44, ../sass/mobile/_layout.scss */
.browse-manage { .browse-manage {
min-width: 150px; min-width: 150px;
max-width: 800px; max-width: 800px;

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

@ -24,10 +24,14 @@
// NOTE: Added to adjust the browse folder tree list view // NOTE: Added to adjust the browse folder tree list view
.holder-hide { .holder-hide {
@include phoneandtablet { @include phone {
@include transition-duration(.2s);
left: -108px;
}
@include tablet {
@include transition-duration(.2s); @include transition-duration(.2s);
left: -150px; left: -150px;
} }
} }
.holder-show { .holder-show {