ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-22 06:27:48 +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 {
display: none; } }
@media screen and (max-width: 514px) {
@media screen and (max-width: 800px) {
/* line 90, ../sass/mobile/_layout.scss */
.exclude-mobile {
display: none; } }
@media screen and (max-width: 514px) {
/* line 97, ../sass/mobile/_layout.scss */
.browse-manage {
width: 46%; } }
@media screen and (min-width: 515px) and (max-width: 800px) {
/* line 90, ../sass/mobile/_layout.scss */
/* line 97, ../sass/mobile/_layout.scss */
.browse-manage {
width: 28%; } }
@media screen and (min-width: 801px) {
/* line 90, ../sass/mobile/_layout.scss */
/* line 97, ../sass/mobile/_layout.scss */
.browse-manage {
min-width: 150px;
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 {
@include phone {
width: $leftPhone;