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

[Mobile] Adjusted

Browse Source 
Adjusted the _layout.scss to
have a function that makes
something disappear on phone
and tablet.
This commit is contained in:
Dave 2015-07-09 14:11:51 -07:00
parent dfd08000f1
commit 30a4f15330
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -813,16 +813,21 @@ mct-container {
.mobile-menu-icon { .mobile-menu-icon {
display: none; } } display: none; } }
@media screen and (max-width: 514px) { @media screen and (max-width: 800px) {
/* line 90, ../sass/mobile/_layout.scss */ /* line 90, ../sass/mobile/_layout.scss */
.exclude-mobile {
display: none; } }
@media screen and (max-width: 514px) {
/* line 97, ../sass/mobile/_layout.scss */
.browse-manage { .browse-manage {
width: 46%; } } width: 46%; } }
@media screen and (min-width: 515px) and (max-width: 800px) { @media screen and (min-width: 515px) and (max-width: 800px) {
/* line 90, ../sass/mobile/_layout.scss */ /* line 97, ../sass/mobile/_layout.scss */
.browse-manage { .browse-manage {
width: 28%; } } width: 28%; } }
@media screen and (min-width: 801px) { @media screen and (min-width: 801px) {
/* line 90, ../sass/mobile/_layout.scss */ /* line 97, ../sass/mobile/_layout.scss */
.browse-manage { .browse-manage {
min-width: 150px; min-width: 150px;
max-width: 800px; max-width: 800px;

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

@ -87,6 +87,13 @@ $hideRatioTab: 1.38;
} }
} }
.exclude-mobile {
@include phoneandtablet {
display: none;
}
}
.browse-manage { .browse-manage {
@include phone { @include phone {
width: $leftPhone; width: $leftPhone;