Bug 1578093 - Change the margin end of the ideneity box to 2px from 4px in oder to make the lock icon looks more centered. r=johannh
authorTim Huang <tihuang@mozilla.com>
Mon, 30 Sep 2019 13:37:53 +0000
changeset 495606 73fae0c9b2306b3485f9ed4c9a5e75d8d507a52e
parent 495605 b4b41d4f9964eb323b22700d36a24d32a1e1276f
child 495607 78d0e221f6a497003d5a7339d5ac13d0de28f74e
push id96718
push usertihuang@mozilla.com
push dateMon, 30 Sep 2019 13:42:43 +0000
treeherderautoland@73fae0c9b230 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjohannh
bugs1578093
milestone71.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 1578093 - Change the margin end of the ideneity box to 2px from 4px in oder to make the lock icon looks more centered. r=johannh Differential Revision: https://phabricator.services.mozilla.com/D47593
browser/themes/shared/identity-block/identity-block.inc.css
--- a/browser/themes/shared/identity-block/identity-block.inc.css
+++ b/browser/themes/shared/identity-block/identity-block.inc.css
@@ -2,17 +2,17 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 %endif
 
 #identity-box {
   padding-inline-start: 6px;
   padding-inline-end: 6px;
-  margin-inline-end: 4px;
+  margin-inline-end: 2px;
 }
 
 #identity-box,
 #tracking-protection-icon-container {
   /* Set default fill for icons in the identity block.
      Individual icons can override this. */
   fill: currentColor;
   fill-opacity: .6;
@@ -30,18 +30,16 @@
 #identity-box[pageproxystate="invalid"] > #notification-popup-box,
 #identity-box[pageproxystate="invalid"] > #identity-icon-labels,
 #identity-box[pageproxystate="invalid"] > #remote-control-icon {
   display: none;
 }
 
 #identity-box[pageproxystate="invalid"] {
   pointer-events: none;
-  /* This would make the spaces around the glass icon balanced. */
-  margin-inline-end: 2px;
   -moz-user-focus: ignore;
 }
 
 #identity-box:hover:not(.no-hover):not([open=true]),
 #tracking-protection-icon-container:hover:not([open=true]) {
   background-color: hsla(0,0%,70%,.2);
   fill-opacity: .8;
 }