ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-17 10:20:27 +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

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

@ -22,7 +22,6 @@
// Override the Create menu for mobile // Override the Create menu for mobile
@include phoneandtablet { @include phoneandtablet {
.menu-element {
.super-menu { .super-menu {
$d: 250px; $d: 250px;
width: $d; width: $d;
@ -39,5 +38,4 @@
} }
} }
} }
}
} }

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