mirror of
https://github.com/nasa/openmct.git
synced 2025-04-25 21:40:16 +00:00
[Mobile] Added Constants
Rixed mis-initialized desktop constant
This commit is contained in:
parent
404d02ec23
commit
46d5a1431f
@ -357,7 +357,7 @@
|
|||||||
.items-holder .item.grid-item {
|
.items-holder .item.grid-item {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100px; } }
|
height: 100px; } }
|
||||||
@media screen and (min-device-width: 801px) and (min-device-height: 1025px) and (orientation: portrait), screen and (min-device-width: 801px) and (min-device-height: 1025px) and (orientation: landscape) {
|
@media screen and (min-device-width: 801px) and (min-device-height: 1025px) and (orientation: portrait), screen and (min-device-width: 1025px) and (min-device-height: 801px) and (orientation: landscape) {
|
||||||
/* line 24, ../sass/mobile/_item.scss */
|
/* line 24, ../sass/mobile/_item.scss */
|
||||||
.items-holder .item.grid-item {
|
.items-holder .item.grid-item {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
|
@ -816,7 +816,7 @@ mct-container {
|
|||||||
/* line 81, ../sass/mobile/_layout.scss */
|
/* line 81, ../sass/mobile/_layout.scss */
|
||||||
.mobile-menu-icon {
|
.mobile-menu-icon {
|
||||||
top: 5px; }
|
top: 5px; }
|
||||||
@media screen and (min-device-width: 801px) and (min-device-height: 1025px) and (orientation: portrait), screen and (min-device-width: 801px) and (min-device-height: 1025px) and (orientation: landscape) {
|
@media screen and (min-device-width: 801px) and (min-device-height: 1025px) and (orientation: portrait), screen and (min-device-width: 1025px) and (min-device-height: 801px) and (orientation: landscape) {
|
||||||
/* line 81, ../sass/mobile/_layout.scss */
|
/* line 81, ../sass/mobile/_layout.scss */
|
||||||
.mobile-menu-icon {
|
.mobile-menu-icon {
|
||||||
display: none; } }
|
display: none; } }
|
||||||
@ -829,7 +829,7 @@ mct-container {
|
|||||||
/* line 88, ../sass/mobile/_layout.scss */
|
/* line 88, ../sass/mobile/_layout.scss */
|
||||||
.browse-manage {
|
.browse-manage {
|
||||||
width: 400px; } }
|
width: 400px; } }
|
||||||
@media screen and (min-device-width: 801px) and (min-device-height: 1025px) and (orientation: portrait), screen and (min-device-width: 801px) and (min-device-height: 1025px) and (orientation: landscape) {
|
@media screen and (min-device-width: 801px) and (min-device-height: 1025px) and (orientation: portrait), screen and (min-device-width: 1025px) and (min-device-height: 801px) and (orientation: landscape) {
|
||||||
/* line 88, ../sass/mobile/_layout.scss */
|
/* line 88, ../sass/mobile/_layout.scss */
|
||||||
.browse-manage {
|
.browse-manage {
|
||||||
min-width: 150px;
|
min-width: 150px;
|
||||||
|
@ -54,7 +54,7 @@ $desktopDevicePortrait: "(min-device-width: #{$compMinW}) and (min-device-height
|
|||||||
$desktopDeviceLandscape: "(min-device-width: #{$compMinH}) and (min-device-height: #{$compMinW})";
|
$desktopDeviceLandscape: "(min-device-width: #{$compMinH}) and (min-device-height: #{$compMinW})";
|
||||||
|
|
||||||
$compWidth: "screen and #{$desktopDevicePortrait} and (orientation: portrait)";
|
$compWidth: "screen and #{$desktopDevicePortrait} and (orientation: portrait)";
|
||||||
$compHeight: "screen and #{$desktopDevicePortrait} and (orientation: landscape)";
|
$compHeight: "screen and #{$desktopDeviceLandscape} and (orientation: landscape)";
|
||||||
|
|
||||||
$leftPhone: $phoMaxW/2;
|
$leftPhone: $phoMaxW/2;
|
||||||
$leftTab: $tabMaxW/2;
|
$leftTab: $tabMaxW/2;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user