Bug 1216615 - Get rid of margin-left and margin-right for devtools-searchinput to prevent movement during resize;r=pbrosset
authorBrian Grinstead <bgrinstead@mozilla.com>
Thu, 22 Oct 2015 08:55:35 -0700
changeset 304190 93932fd90589df350c0d3f2a79f3e9cd43419c57
parent 304189 ef65374a93d6353004c78091cb65a2f41fec7aeb
child 304191 e5d4bd62d2342d53f9248f584f7d0219e8cfa051
push id1001
push userraliiev@mozilla.com
push dateMon, 18 Jan 2016 19:06:03 +0000
treeherdermozilla-release@8b89261f3ac4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerspbrosset
bugs1216615
milestone44.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 1216615 - Get rid of margin-left and margin-right for devtools-searchinput to prevent movement during resize;r=pbrosset
devtools/client/themes/netmonitor.css
devtools/client/themes/toolbars.inc.css
--- a/devtools/client/themes/netmonitor.css
+++ b/devtools/client/themes/netmonitor.css
@@ -648,16 +648,18 @@ box.requests-menu-status[code^="5"] {
   padding-top: 3px;
   font-weight: 600;
 }
 
 #requests-menu-filter-freetext-text {
   transition-property: max-width, -moz-padding-end, -moz-padding-start;
   transition-duration: 250ms;
   transition-timing-function: ease;
+  margin-left: 3px;
+  margin-right: 3px;
 }
 
 #requests-menu-filter-freetext-text:not([focused]):not([filled]) > .textbox-input-box {
   overflow: hidden;
 }
 
 #requests-menu-filter-freetext-text:not([focused]):not([filled]) {
   max-width: 20px !important;
--- a/devtools/client/themes/toolbars.inc.css
+++ b/devtools/client/themes/toolbars.inc.css
@@ -323,30 +323,28 @@
   }
 }
 
 /* Text input */
 
 .devtools-textinput,
 .devtools-searchinput {
   -moz-appearance: none;
-  margin: 0 3px;
+  margin: 1px 0;
   border: 1px solid;
 %ifdef XP_MACOSX
   border-radius: 20px;
 %else
   border-radius: 2px;
 %endif
   padding: 4px 6px;
   border-color: var(--theme-splitter-color);
 }
 
 .devtools-searchinput {
-  margin-top: 1px;
-  margin-bottom: 1px;
   padding: 0;
   -moz-padding-start: 22px;
   -moz-padding-end: 4px;
   background-position: 8px center;
   background-size: 11px 11px;
   background-repeat: no-repeat;
   font-size: inherit;
 }