Bug 1455589 - Drop margin at right end of DevTools toolbox toolbar on non-Mac platforms; r=jryans
authorBrian Birtles <birtles@gmail.com>
Tue, 24 Apr 2018 14:41:44 +0900
changeset 469232 122be576bdc1c03e9c8fce0a709b74018873eb2c
parent 469231 733115bbb9b59a4d35232c3a792b7aa524bd7176
child 469233 b59f651f46ec54a14be43db5daeb4618495b7b4e
push id9165
push userasasaki@mozilla.com
push dateThu, 26 Apr 2018 21:04:54 +0000
treeherdermozilla-beta@064c3804de2e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjryans
bugs1455589
milestone61.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1455589 - Drop margin at right end of DevTools toolbox toolbar on non-Mac platforms; r=jryans This margin only appears to be needed on Mac hence this patch makes the setting apply only on OSX. It also switches to using logical properties so that the margin appears in the correct place in RTL builds. MozReview-Commit-ID: Chp1HJcretg
devtools/client/themes/toolbox.css
--- a/devtools/client/themes/toolbox.css
+++ b/devtools/client/themes/toolbox.css
@@ -159,18 +159,20 @@
   background-image: var(--command-chevron-image);
   background-position: center;
 }
 
 .tools-chevron-menu:-moz-locale-dir(rtl) {
   transform: rotate(180deg);
 }
 
-#toolbox-controls {
-  margin-right: 3px;
+/* On OSX the cursor turns into a window-resizing cursor at the edges of the
+ * window, so bring the end of the toolbox in. */
+:root[platform="mac"] #toolbox-controls {
+  margin-inline-end: 3px;
 }
 
 #toolbox-buttons-end > .devtools-separator {
   margin-inline-start: 5px;
   margin-inline-end: 5px;
 }
 
 #toolbox-close::before {