ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-20 13:43:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Fixed Create menu in mobile

Browse Source 
open #250
open #157
Fixed CSS selector that wasn't properly
targeting the Create menu in a mobile
context;
This commit is contained in:
Charles Hacskaylo 2015-11-09 17:14:59 -08:00
parent d8ced8f635
commit e1110a2bc4
3 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
platform/commonUI/general/res/sass/mobile/controls/_menus.scss
View File

@ -22,21 +22,19 @@
// Override the Create menu for mobile
@include phoneandtablet {
.menu-element {
.super-menu {
$d: 250px;
width: $d;
height: $d;
.super-menu {
$d: 250px;
width: $d;
height: $d;
.pane {
&.left {
border-right: none;
padding-right: 0;
width: 100%;
}
&.right {
display: none;
}
.pane {
&.left {
border-right: none;
padding-right: 0;
width: 100%;
}
&.right {
display: none;
}
}
}

14
platform/commonUI/themes/espresso/res/css/theme-espresso.css
View File

@ -119,6 +119,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* REQUIRES /platform/commonUI/general/res/sass/mobile/_constants.scss */
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
@ -169,6 +170,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* REQUIRES /platform/commonUI/general/res/sass/_constants.scss */
/************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
/************************** MOBILE TREE MENU DIMENSIONS */
/************************** WINDOW DIMENSIONS FOR RWD */
@ -3693,17 +3695,17 @@ mct-include.l-time-controller {
* at runtime from the About dialog for additional information.
*****************************************************************************/
@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), 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 26, ../../../../general/res/sass/mobile/controls/_menus.scss */
.menu-element .super-menu {
/* line 25, ../../../../general/res/sass/mobile/controls/_menus.scss */
.super-menu {
width: 250px;
height: 250px; }
/* line 32, ../../../../general/res/sass/mobile/controls/_menus.scss */
.menu-element .super-menu .pane.left {
/* line 31, ../../../../general/res/sass/mobile/controls/_menus.scss */
.super-menu .pane.left {
border-right: none;
padding-right: 0;
width: 100%; }
/* line 37, ../../../../general/res/sass/mobile/controls/_menus.scss */
.menu-element .super-menu .pane.right {
/* line 36, ../../../../general/res/sass/mobile/controls/_menus.scss */
.super-menu .pane.right {
display: none; } }
/********************************* FORMS */
/*****************************************************************************

14
platform/commonUI/themes/snow/res/css/theme-snow.css
View File

@ -119,6 +119,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* REQUIRES /platform/commonUI/general/res/sass/mobile/_constants.scss */
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
@ -169,6 +170,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* REQUIRES /platform/commonUI/general/res/sass/_constants.scss */
/************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
/************************** MOBILE TREE MENU DIMENSIONS */
/************************** WINDOW DIMENSIONS FOR RWD */
@ -3632,17 +3634,17 @@ mct-include.l-time-controller {
* at runtime from the About dialog for additional information.
*****************************************************************************/
@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), 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 26, ../../../../general/res/sass/mobile/controls/_menus.scss */
.menu-element .super-menu {
/* line 25, ../../../../general/res/sass/mobile/controls/_menus.scss */
.super-menu {
width: 250px;
height: 250px; }
/* line 32, ../../../../general/res/sass/mobile/controls/_menus.scss */
.menu-element .super-menu .pane.left {
/* line 31, ../../../../general/res/sass/mobile/controls/_menus.scss */
.super-menu .pane.left {
border-right: none;
padding-right: 0;
width: 100%; }
/* line 37, ../../../../general/res/sass/mobile/controls/_menus.scss */
.menu-element .super-menu .pane.right {
/* line 36, ../../../../general/res/sass/mobile/controls/_menus.scss */
.super-menu .pane.right {
display: none; } }
/********************************* FORMS */
/*****************************************************************************