diff --git a/platform/commonUI/general/res/css/tree.css b/platform/commonUI/general/res/css/tree.css index fbbd16e929..ddffb9899b 100644 --- a/platform/commonUI/general/res/css/tree.css +++ b/platform/commonUI/general/res/css/tree.css @@ -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) { /* line 22, ../sass/mobile/_tree.scss */ .test-tree-words { - margin-bottom: 7px; - width: 90%; + margin-bottom: 4px; + margin-bottom: 4px; + width: 100%; 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) { - /* line 30, ../sass/mobile/_tree.scss */ + /* line 31, ../sass/mobile/_tree.scss */ ul.tree { margin: 0; padding: 0; } @@ -323,24 +324,23 @@ ul.tree { list-style-type: none; margin: 0; padding: 0; } - /* line 39, ../sass/mobile/_tree.scss */ + /* line 40, ../sass/mobile/_tree.scss */ ul.tree li span.tree-item .label { left: 3px; } - /* line 43, ../sass/mobile/_tree.scss */ + /* line 44, ../sass/mobile/_tree.scss */ ul.tree li span.tree-item .label .type-icon .alert { right: auto; left: 9px; } - /* line 48, ../sass/mobile/_tree.scss */ + /* line 49, ../sass/mobile/_tree.scss */ ul.tree li span.tree-item .label .title-label { left: 20px; } - /* line 53, ../sass/mobile/_tree.scss */ + /* line 54, ../sass/mobile/_tree.scss */ ul.tree li span.tree-item .context-trigger { right: 3px; } - /* line 57, ../sass/mobile/_tree.scss */ + /* line 58, ../sass/mobile/_tree.scss */ ul.tree li span.tree-item .view-control { - position: relative; - left: 100%; - right: 0; + position: absolute; + right: 5px; font-size: 1.5em; } /* line 67, ../sass/mobile/_tree.scss */ ul.tree ul.tree { diff --git a/platform/commonUI/general/res/sass/mobile/_tree.scss b/platform/commonUI/general/res/sass/mobile/_tree.scss index 5d24928a4b..a0e428fd1c 100644 --- a/platform/commonUI/general/res/sass/mobile/_tree.scss +++ b/platform/commonUI/general/res/sass/mobile/_tree.scss @@ -21,8 +21,9 @@ *****************************************************************************/ .test-tree-words { @include phoneandtablet { - margin-bottom: 7px; - width: 90%; + margin-bottom: 4px; + margin-bottom: 4px; + width: 100%; text-overflow: ellipsis; } } @@ -55,9 +56,8 @@ ul.tree { } .view-control { - position: relative; - left: 100%; - right: 0; + position: absolute; + right: 5px; font-size: 1.5em; $runningItemW: $interiorMargin + $treeVCW; }