From 86d398d8ff3622c700ab3230a02570b69650c100 Mon Sep 17 00:00:00 2001 From: slhale Date: Tue, 25 Aug 2015 16:30:57 -0700 Subject: [PATCH] [Inspector] Fix location label text Fixed the location object labels so that their overflow text properly gets hidden, and so that the direction arrows are aligned with the labels. #73. --- .../general/res/css/theme-espresso.css | 19 +++++++++++-------- .../commonUI/general/res/sass/tree/_pane.scss | 11 ++++++++--- 2 files changed, 19 insertions(+), 11 deletions(-) diff --git a/platform/commonUI/general/res/css/theme-espresso.css b/platform/commonUI/general/res/css/theme-espresso.css index 141f60ddc5..fcdbf04b78 100644 --- a/platform/commonUI/general/res/css/theme-espresso.css +++ b/platform/commonUI/general/res/css/theme-espresso.css @@ -5310,8 +5310,9 @@ input[type="text"] { white-space: pre; } /* line 233, ../sass/tree/_pane.scss */ .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location { - display: inline-block; } - /* line 236, ../sass/tree/_pane.scss */ + display: inline-block; + max-width: 100%; } + /* line 237, ../sass/tree/_pane.scss */ .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location .label { cursor: pointer; display: inline-block; @@ -5323,13 +5324,13 @@ input[type="text"] { max-width: 100%; text-overflow: ellipsis; overflow-x: hidden; } - /* line 243, ../sass/tree/_pane.scss */ + /* line 244, ../sass/tree/_pane.scss */ .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location .label:hover { background-color: #404040; } - /* line 257, ../sass/tree/_pane.scss */ + /* line 258, ../sass/tree/_pane.scss */ .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location .label .icon.type-icon { font-size: 14px; } - /* line 260, ../sass/tree/_pane.scss */ + /* line 261, ../sass/tree/_pane.scss */ .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location .label .icon.type-icon .l-icon-link { color: #49dedb; font-size: 6px; @@ -5337,13 +5338,15 @@ input[type="text"] { margin-right: 9px; text-shadow: black 0 1px 2px; z-index: 2; } - /* line 274, ../sass/tree/_pane.scss */ + /* line 275, ../sass/tree/_pane.scss */ .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location:after { content: '>'; font-family: symbolsfont; font-size: 8px; - margin-left: -6px; } - /* line 280, ../sass/tree/_pane.scss */ + position: relative; + top: -8px; + left: -4px; } + /* line 285, ../sass/tree/_pane.scss */ .split-pane-component.secondary-split.pane.right .split-pane-component.object-inspector.pane.right .holder.inspector-holder ul li .inspector-location:last-child:after { content: ''; display: inline-block; } diff --git a/platform/commonUI/general/res/sass/tree/_pane.scss b/platform/commonUI/general/res/sass/tree/_pane.scss index f31d4cf4d1..444b3cf8fe 100644 --- a/platform/commonUI/general/res/sass/tree/_pane.scss +++ b/platform/commonUI/general/res/sass/tree/_pane.scss @@ -167,7 +167,7 @@ $transitionTime: 0.35s; // For the left menu open/close &.inactivePane { right: -12px; &:after { - content: 'G';//'<'; + content: 'G';//'\e608';//'<'; } } &.activePane:after { @@ -232,7 +232,8 @@ $transitionTime: 0.35s; // For the left menu open/close // Style object labels .inspector-location { display: inline-block; - + max-width: 100%; + .label { cursor: pointer; display: inline-block; @@ -275,7 +276,11 @@ $transitionTime: 0.35s; // For the left menu open/close content: '>'; font-family: symbolsfont; font-size: 8px; - margin-left: -6px; + + //margin-left: -6px; + position: relative; + top: -8px; + left: -4px; } &:last-child:after { content: '';