ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-26 14:19:26 +00:00
Code Issues Actions 4 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;
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) {
/* line 51, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .bar .item-main {
/* line 49, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .icon {
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) {
/* line 51, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .bar .item-main {
/* line 49, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .icon {
display: none; } }

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

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