From 0f89e98a718f7744bc35f8fb990854b65a1baa64 Mon Sep 17 00:00:00 2001 From: Shivam Dave Date: Tue, 14 Jul 2015 14:14:12 -0700 Subject: [PATCH] [Mobile] Clean up Cleaned up layout and added phone only hider. Also added tree.scss file, where all tree node classes will be placed. --- platform/commonUI/general/res/css/theme-espresso.css | 9 +++++++-- platform/commonUI/general/res/sass/mobile/_layout.scss | 8 +++++++- platform/commonUI/general/res/sass/mobile/_tree.scss | 0 3 files changed, 14 insertions(+), 3 deletions(-) create mode 100644 platform/commonUI/general/res/sass/mobile/_tree.scss diff --git a/platform/commonUI/general/res/css/theme-espresso.css b/platform/commonUI/general/res/css/theme-espresso.css index 1eea14670f..05ffc921fc 100644 --- a/platform/commonUI/general/res/css/theme-espresso.css +++ b/platform/commonUI/general/res/css/theme-espresso.css @@ -821,14 +821,19 @@ mct-container { @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { /* line 90, ../sass/mobile/_layout.scss */ + .phone-hide { + display: none; } } + +@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { + /* line 96, ../sass/mobile/_layout.scss */ .browse-manage { width: 257px; } } @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { - /* line 90, ../sass/mobile/_layout.scss */ + /* line 96, ../sass/mobile/_layout.scss */ .browse-manage { width: 399.5px; } } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 90, ../sass/mobile/_layout.scss */ + /* line 96, ../sass/mobile/_layout.scss */ .browse-manage { min-width: 150px; max-width: 800px; diff --git a/platform/commonUI/general/res/sass/mobile/_layout.scss b/platform/commonUI/general/res/sass/mobile/_layout.scss index 26b677688d..9cc09d22b6 100644 --- a/platform/commonUI/general/res/sass/mobile/_layout.scss +++ b/platform/commonUI/general/res/sass/mobile/_layout.scss @@ -84,7 +84,13 @@ } @include tablet { display: none; - } + } +} + +.phone-hide { + @include phone { + display: none; + } } .browse-manage { diff --git a/platform/commonUI/general/res/sass/mobile/_tree.scss b/platform/commonUI/general/res/sass/mobile/_tree.scss new file mode 100644 index 0000000000..e69de29bb2