From daed6a5b062d1aff0afa36b0829da14d101cd949 Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Mon, 26 Oct 2015 15:01:32 -0700 Subject: [PATCH] Frontend] Tweaked sizes of mini-tabs and pane collapsed edge margin open #90 --- .../commonUI/general/res/sass/_constants.scss | 4 ++-- .../espresso/res/css/theme-espresso.css | 22 +++++++++---------- .../themes/snow/res/css/theme-snow.css | 22 +++++++++---------- 3 files changed, 24 insertions(+), 24 deletions(-) diff --git a/platform/commonUI/general/res/sass/_constants.scss b/platform/commonUI/general/res/sass/_constants.scss index 06f06b9c50..9ba1c962c1 100644 --- a/platform/commonUI/general/res/sass/_constants.scss +++ b/platform/commonUI/general/res/sass/_constants.scss @@ -44,9 +44,9 @@ $ueAppLogoW: 105px; $ueEditToolBarH: 25px; $ueBrowseLeftPaneTreeW: 25%; $ueBrowseRightPaneInspectW: 20%; -$ueCollapsedPaneEdgeM: 10px; +$ueCollapsedPaneEdgeM: 15px; $uePaneMiniTabH: $ueTopBarH; -$uePaneMiniTabW: $ueCollapsedPaneEdgeM + $interiorMargin; +$uePaneMiniTabW: 15px; $ueEditLeftPaneW: 75%; $treeSearchInputBarH: 25px; $ueTimeControlH: (33px, 20px, 20px); diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index 410e445210..988b759608 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -3878,7 +3878,7 @@ span.req { .browse-mode .split-layout .split-pane-component.pane.t-inspect.right { min-width: 200px; max-width: 600px; - padding-left: 10px; + padding-left: 15px; width: 20%; } /* line 227, ../../../../general/res/sass/user-environ/_layout.scss */ @@ -3927,10 +3927,10 @@ span.req { content: 'F'; } /* line 286, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed { - -moz-transform: translateX(-20px); - -ms-transform: translateX(-20px); - -webkit-transform: translateX(-20px); - transform: translateX(-20px); } + -moz-transform: translateX(-25px); + -ms-transform: translateX(-25px); + -webkit-transform: translateX(-25px); + transform: translateX(-25px); } /* line 290, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right { right: 0; @@ -3943,10 +3943,10 @@ span.req { content: '\e608'; } /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed { - -moz-transform: translateX(20px); - -ms-transform: translateX(20px); - -webkit-transform: translateX(20px); - transform: translateX(20px); } + -moz-transform: translateX(25px); + -ms-transform: translateX(25px); + -webkit-transform: translateX(25px); + transform: translateX(25px); } /* line 300, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab.toggle-pane.toggle-search.anchor-left:after { content: "M"; } } @@ -4180,11 +4180,11 @@ span.req { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { /* line 471, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .pane.right.primary-pane { - left: 10px !important; } + left: 15px !important; } /* line 474, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .pane.left { - right: 10px !important; } + right: 15px !important; } /* line 477, ../../../../general/res/sass/user-environ/_layout.scss */ .pane:not(.resizing) { diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index 0627101107..4956c9fcde 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -3819,7 +3819,7 @@ span.req { .browse-mode .split-layout .split-pane-component.pane.t-inspect.right { min-width: 200px; max-width: 600px; - padding-left: 10px; + padding-left: 15px; width: 20%; } /* line 227, ../../../../general/res/sass/user-environ/_layout.scss */ @@ -3868,10 +3868,10 @@ span.req { content: 'F'; } /* line 286, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed { - -moz-transform: translateX(-20px); - -ms-transform: translateX(-20px); - -webkit-transform: translateX(-20px); - transform: translateX(-20px); } + -moz-transform: translateX(-25px); + -ms-transform: translateX(-25px); + -webkit-transform: translateX(-25px); + transform: translateX(-25px); } /* line 290, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right { right: 0; @@ -3884,10 +3884,10 @@ span.req { content: '\e608'; } /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed { - -moz-transform: translateX(20px); - -ms-transform: translateX(20px); - -webkit-transform: translateX(20px); - transform: translateX(20px); } + -moz-transform: translateX(25px); + -ms-transform: translateX(25px); + -webkit-transform: translateX(25px); + transform: translateX(25px); } /* line 300, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab.toggle-pane.toggle-search.anchor-left:after { content: "M"; } } @@ -4121,11 +4121,11 @@ span.req { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { /* line 471, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .pane.right.primary-pane { - left: 10px !important; } + left: 15px !important; } /* line 474, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .pane.left { - right: 10px !important; } + right: 15px !important; } /* line 477, ../../../../general/res/sass/user-environ/_layout.scss */ .pane:not(.resizing) {