From 4d9dc3624b02acf348d67d8aa812547aa4a2ef4e Mon Sep 17 00:00:00 2001 From: Dave Date: Fri, 10 Jul 2015 11:12:09 -0700 Subject: [PATCH] [Mobile] Items Item icons disappear now on tablets and mobile devices. Adjusted _items.scss to adjust the icon class display for phones and tablets. --- platform/commonUI/general/res/css/items.css | 8 ++++---- platform/commonUI/general/res/sass/mobile/_item.scss | 5 +---- 2 files changed, 5 insertions(+), 8 deletions(-) diff --git a/platform/commonUI/general/res/css/items.css b/platform/commonUI/general/res/css/items.css index 27a32a1368..bf0f5094ce 100644 --- a/platform/commonUI/general/res/css/items.css +++ b/platform/commonUI/general/res/css/items.css @@ -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; } } diff --git a/platform/commonUI/general/res/sass/mobile/_item.scss b/platform/commonUI/general/res/sass/mobile/_item.scss index 83602b97c1..c6e9deabf5 100644 --- a/platform/commonUI/general/res/sass/mobile/_item.scss +++ b/platform/commonUI/general/res/sass/mobile/_item.scss @@ -46,16 +46,13 @@ height: $dHei; } - .bar { -// NOTE: make icon disappear - .item-main { + .icon { @include phone { display: none; } @include tablet { display: none; } - } } } }