ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-05-07 02:58:30 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Mobile] Items

Browse Source 
Item icons disappear now on
tablets and mobile devices.
Adjusted _items.scss to adjust the
icon class display for phones and
tablets.
This commit is contained in:
Dave 2015-07-10 11:12:09 -07:00
parent d3ae4b729f
commit 4d9dc3624b
2 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
platform/commonUI/general/res/css/items.css
View File

@ -363,10 +363,10 @@
width: 200px; width: 200px;
height: 200px; } } height: 200px; } }
@media screen and (max-width: 514px) and (max-height: 740px) and (max-device-width: 800px) and (max-device-height: 1024px) and (orientation: portrait), screen and (max-height: 514px) and (max-width: 740px) and (orientation: landscape) { @media screen and (max-width: 514px) and (max-height: 740px) and (max-device-width: 800px) and (max-device-height: 1024px) and (orientation: portrait), screen and (max-height: 514px) and (max-width: 740px) and (orientation: landscape) {
/* line 51, ../sass/mobile/_item.scss */ /* line 49, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .bar .item-main { .items-holder .item.grid-item .icon {
display: none; } } display: none; } }
@media screen and (min-width: 515px) and (max-width: 800px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 800px) and (max-device-height: 1024px) and (orientation: portrait), screen and (min-height: 515px) and (max-height: 800px) and (min-width: 741px) and (max-width: 1024px) and (orientation: landscape) { @media screen and (min-width: 515px) and (max-width: 800px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 800px) and (max-device-height: 1024px) and (orientation: portrait), screen and (min-height: 515px) and (max-height: 800px) and (min-width: 741px) and (max-width: 1024px) and (orientation: landscape) {
/* line 51, ../sass/mobile/_item.scss */ /* line 49, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .bar .item-main { .items-holder .item.grid-item .icon {
display: none; } } display: none; } }

5
platform/commonUI/general/res/sass/mobile/_item.scss
View File

@ -46,16 +46,13 @@
height: $dHei; height: $dHei;
} }
.bar { .icon {
// NOTE: make icon disappear
.item-main {
@include phone { @include phone {
display: none; display: none;
} }
@include tablet { @include tablet {
display: none; display: none;
} }
}
} }
} }
} }