'; }
- /* line 130, ../sass/tree/_pane.scss */
- .items.pane .object-browse-bar .left-pane-tabs.activePane:after {
- content: '<'; }
- /* line 135, ../sass/tree/_pane.scss */
- .items.pane .object-browse-bar .items-select {
- margin-left: 10px; }
+
+/* line 104, ../sass/tree/_pane.scss */
+.object-browse-bar {
+ position: relative; }
+ /* line 107, ../sass/tree/_pane.scss */
+ .object-browse-bar .left-pane-tabs {
+ position: relative;
+ cursor: pointer;
+ left: -10px;
+ width: 11px;
+ height: 16px;
+ line-height: 16px;
+ font-size: 10px;
+ top: 3px;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+ background-color: #595959; }
+ /* line 124, ../sass/tree/_pane.scss */
+ .object-browse-bar .left-pane-tabs.inactivePane {
+ left: -15px; }
+ /* line 127, ../sass/tree/_pane.scss */
+ .object-browse-bar .left-pane-tabs.inactivePane:after {
+ content: '>'; }
+ /* line 131, ../sass/tree/_pane.scss */
+ .object-browse-bar .left-pane-tabs.activePane:after {
+ content: '<'; }
+ /* line 136, ../sass/tree/_pane.scss */
+ .object-browse-bar .items-select {
+ margin-left: 10px; }
/* line 141, ../sass/tree/_pane.scss */
.splitter-bar.right {
diff --git a/platform/commonUI/general/res/sass/tree/_pane.scss b/platform/commonUI/general/res/sass/tree/_pane.scss
index 9f9b890128..2af309cbe1 100644
--- a/platform/commonUI/general/res/sass/tree/_pane.scss
+++ b/platform/commonUI/general/res/sass/tree/_pane.scss
@@ -90,52 +90,52 @@ $transitionTime: 0.35s;
}
}
-// The main view needs to align left when the panes are moving around
-.items.pane {
+// The main view needs to align left when the left pane is moving around
+.split-pane-component.secondary-split.pane.right {
transition: left $transitionTime;
transition-timing-function: ease-out;
&.leftInactive {
left: 0 !important;
}
-
- // Move buttons close to the splitter bar
- .object-browse-bar {
+}
+
+// Move left tab buttons close to the left splitter bar
+.object-browse-bar {
+ position: relative;
+
+ .left-pane-tabs {
position: relative;
+ cursor: pointer;
- .left-pane-tabs {
- position: relative;
- cursor: pointer;
+ left: -10px;
+ width: 11px;
+ height: 16px;
+ line-height: 16px;
+ font-size: 10px;
+ top: 3px;
- left: -10px;
- width: 11px;
- height: 16px;
- line-height: 16px;
- font-size: 10px;
- top: 3px;
+ //border-radius: 2px;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+ background-color: darken($colorBodyFg, 25%);
- //border-radius: 2px;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- background-color: darken($colorBodyFg, 25%);
+ // Change button icon depending on state
+ &.inactivePane {
+ left: -15px;
- // Change button icon depending on state
- &.inactivePane {
- left: -15px;
-
- &:after {
- content: '>';//'F';
- }
- }
- &.activePane:after {
- content: '<';
+ &:after {
+ content: '>';//'F';
}
}
-
- .items-select {
- margin-left: 10px;
+ &.activePane:after {
+ content: '<';
}
}
+
+ .items-select {
+ margin-left: 10px;
+ }
}
.splitter-bar.right {