ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-02 09:18:20 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Mobile] Menu Adjustment

Browse Source 
Makes highlight go all the way to right.
Also makes the arrow be absolute on the
right side, making it aligned to right.
This commit is contained in:
Shivam Dave 2015-07-21 14:29:13 -07:00
parent 56e51ea32a
commit 0842f464db
2 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
platform/commonUI/general/res/css/tree.css
View File

@ -309,12 +309,13 @@ ul.tree {
@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 22, ../sass/mobile/_tree.scss */ /* line 22, ../sass/mobile/_tree.scss */
.test-tree-words { .test-tree-words {
margin-bottom: 7px; margin-bottom: 4px;
width: 90%; margin-bottom: 4px;
width: 100%;
text-overflow: ellipsis; } } text-overflow: ellipsis; } }
@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 30, ../sass/mobile/_tree.scss */ /* line 31, ../sass/mobile/_tree.scss */
ul.tree { ul.tree {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
@ -323,24 +324,23 @@ ul.tree {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 39, ../sass/mobile/_tree.scss */ /* line 40, ../sass/mobile/_tree.scss */
ul.tree li span.tree-item .label { ul.tree li span.tree-item .label {
left: 3px; } left: 3px; }
/* line 43, ../sass/mobile/_tree.scss */ /* line 44, ../sass/mobile/_tree.scss */
ul.tree li span.tree-item .label .type-icon .alert { ul.tree li span.tree-item .label .type-icon .alert {
right: auto; right: auto;
left: 9px; } left: 9px; }
/* line 48, ../sass/mobile/_tree.scss */ /* line 49, ../sass/mobile/_tree.scss */
ul.tree li span.tree-item .label .title-label { ul.tree li span.tree-item .label .title-label {
left: 20px; } left: 20px; }
/* line 53, ../sass/mobile/_tree.scss */ /* line 54, ../sass/mobile/_tree.scss */
ul.tree li span.tree-item .context-trigger { ul.tree li span.tree-item .context-trigger {
right: 3px; } right: 3px; }
/* line 57, ../sass/mobile/_tree.scss */ /* line 58, ../sass/mobile/_tree.scss */
ul.tree li span.tree-item .view-control { ul.tree li span.tree-item .view-control {
position: relative; position: absolute;
left: 100%; right: 5px;
right: 0;
font-size: 1.5em; } font-size: 1.5em; }
/* line 67, ../sass/mobile/_tree.scss */ /* line 67, ../sass/mobile/_tree.scss */
ul.tree ul.tree { ul.tree ul.tree {

10
platform/commonUI/general/res/sass/mobile/_tree.scss
View File

@ -21,8 +21,9 @@
*****************************************************************************/ *****************************************************************************/
.test-tree-words { .test-tree-words {
@include phoneandtablet { @include phoneandtablet {
margin-bottom: 7px; margin-bottom: 4px;
width: 90%; margin-bottom: 4px;
width: 100%;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
} }
@ -55,9 +56,8 @@ ul.tree {
} }
.view-control { .view-control {
position: relative; position: absolute;
left: 100%; right: 5px;
right: 0;
font-size: 1.5em; font-size: 1.5em;
$runningItemW: $interiorMargin + $treeVCW; $runningItemW: $interiorMargin + $treeVCW;
} }