alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Mobile] Clean Up

Browse Source 
Removed gap below bottom bar. Moved
around constants for the resizing
of the tree. Also added comments in
layout and reformatted that slightly.
This commit is contained in:
Shivam Dave
2015-07-22 12:53:49 -07:00
parent 926b3d075c
commit 7aba3b6672
8 changed files with 74 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
platform/commonUI/general/res/sass/mobile/_constants.scss
View File

@@ -20,6 +20,11 @@
* at runtime from the About dialog for additional information.
*****************************************************************************/
/************************** MOBILE TREE MENU DIMENSIONS */
$mobile-treeHeight: 38px;
$mobile-treeLeft: 3px;
$mobile-treeRight: 13px;
/************************** WINDOW DIMENSIONS FOR RWD */
$phoMaxW: 514px;
$phoMaxH: 740px;

3
platform/commonUI/general/res/sass/mobile/_layout.scss
View File

@@ -27,9 +27,8 @@
@include phoneandtablet {
position: absolute;
left: 0; top: 0;
right: 0; left: 0;
right: 0;
white-space: nowrap;
height: 100%;
}
}

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

@@ -28,21 +28,24 @@ ul.tree {
li {
span.tree-item {
// Adds some space to the top of each tree item
height: $mobile-treeHeight;
line-height: $mobile-treeHeight;
margin-top: $interiorMarginSm;
.view-control {
position: absolute;
right: 5px;
font-size: 1.5em;
right: $mobile-treeRight;
font-size: 1.8em;
}
.label {
// Designates the starting left margin
// (indentation) of 'My Items'
left: 3px;
left: $mobile-treeLeft;
font-size: 1.2em;
// Allows tree item name to stop prior
// to the arrow
.title-label {
right: 5px;
right: $mobile-treeRight * 1.3;
}
}
}
@@ -51,7 +54,7 @@ ul.tree {
// Sets the margin on the left, which causes the
// running indentation after each folder is made
ul.tree {
margin-left: 3px;
margin-left: $mobile-treeLeft;
}
}
}