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

[Mobile] IN PROGRESS: Menu hide/show fixes; font-size tweaking

Browse Source 
open #74
Changed .right-repr to use translateX in phone portrait mode;
font-size tweaking;
Refactored css organization in mobile/_layout.scss;
This commit is contained in:
Charles Hacskaylo
2015-08-24 15:24:35 -07:00
parent 44ed4e0e0d
commit 76c4b96683
10 changed files with 158 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -324,28 +324,28 @@ ul.tree {
* 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 30, ../sass/mobile/_tree.scss */
/* line 28, ../sass/mobile/_tree.scss */
ul.tree li span.tree-item {
height: 35px;
line-height: 35px;
margin-bottom: 0px; }
/* line 35, ../sass/mobile/_tree.scss */
/* line 33, ../sass/mobile/_tree.scss */
ul.tree li span.tree-item .view-control {
position: absolute;
font-size: 1.1em;
right: 0px;
width: 30px;
text-align: center; }
/* line 44, ../sass/mobile/_tree.scss */
/* line 42, ../sass/mobile/_tree.scss */
ul.tree li span.tree-item .label {
left: 0;
right: 35px;
font-size: 1.2em; }
/* line 51, ../sass/mobile/_tree.scss */
font-size: 1.1em; }
/* line 50, ../sass/mobile/_tree.scss */
ul.tree li span.tree-item .label .type-icon {
top: 9px;
bottom: auto;
height: 16px; }
/* line 62, ../sass/mobile/_tree.scss */
/* line 61, ../sass/mobile/_tree.scss */
ul.tree ul.tree {
margin-left: 20px; } }