Bug 1464939 - Part 1.Remove padding-inline-start and padding-inline-end style from the focusring of devtools's button and tab.r=nchevobbe

The devtool's focusring style will set the padding-inline-* to zero[1]. So
devtool's button which has padding will shrink the width when target element has
the focus. This patch will remove this style.

The tab style doesn't have a padding, so this change will not effect the tool tab.[2]

Furthermore, this will stretch the height of close button of split console.

[1] https://searchfox.org/mozilla-central/rev/292d295d6b084b43b70de26a42e68513bb7b36a3/devtools/client/themes/common.css#270-271
[2] https://searchfox.org/mozilla-central/rev/292d295d6b084b43b70de26a42e68513bb7b36a3/devtools/client/themes/toolbox.css#99

MozReview-Commit-ID: EMgvYEH2Fe1

--HG--
extra : rebase_source : 1459b0c8227968d4f1abbb97c507f7ed847a1a99
This commit is contained in:
Mantaroh Yoshinaga 2018-06-13 17:23:47 -07:00
parent 7421ff31ff
commit 1575154fe6
2 changed files with 2 additions and 2 deletions

View file

@ -267,8 +267,6 @@ checkbox:-moz-focusring {
.devtools-button:-moz-focusring,
.devtools-tab:-moz-focusring {
outline:none;
padding-inline-end: 0;
padding-inline-start: 0;
}
/* Toolbar buttons */

View file

@ -604,6 +604,8 @@ a.learn-more-link.webconsole-learn-more-link {
#split-console-close-button {
margin-inline-end: 0;
height: 100%;
margin: 0;
}
.webconsole-filterbar-primary .devtools-plaininput {