[Mobile] Clean up

Cleaned up layout and added phone only hider.
Also added tree.scss file, where all tree
node classes will be placed.
This commit is contained in:
Shivam Dave 2015-07-14 14:14:12 -07:00
parent 6f07a21bb8
commit 0f89e98a71
3 changed files with 14 additions and 3 deletions

View File

@ -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;

View File

@ -84,7 +84,13 @@
}
@include tablet {
display: none;
}
}
}
.phone-hide {
@include phone {
display: none;
}
}
.browse-manage {