Bug 1296322 - X button is vertically misaligned on the permission dropdown. r=dao
authorPaolo Amadini <paolo.mozmail@amadzone.org>
Thu, 10 Nov 2016 11:47:09 +0100
changeset 438635 ad24787de436bc634cd746d0f953f057db017d44
parent 438634 8c4b29e6e5bd48410d01477d2bc5cd477a70950c
child 438636 3b7efab71fda5053f5ca508fcf88999853cdb3b7
push id35794
push usersledru@mozilla.com
push dateMon, 14 Nov 2016 22:18:09 +0000
reviewersdao
bugs1296322
milestone52.0a1
Bug 1296322 - X button is vertically misaligned on the permission dropdown. r=dao MozReview-Commit-ID: LkAhzffsc6g
browser/themes/shared/controlcenter/panel.inc.css
--- a/browser/themes/shared/controlcenter/panel.inc.css
+++ b/browser/themes/shared/controlcenter/panel.inc.css
@@ -378,16 +378,26 @@ description#identity-popup-content-verif
 .identity-popup-permission-icon.in-use {
   animation: 1.5s ease in-use-blink infinite;
 }
 
 @keyframes in-use-blink {
   50% { opacity: 0; }
 }
 
+.identity-popup-permission-label,
+.identity-popup-permission-state-label {
+  /* We need to align the action buttons and permission icons with the text.
+     This is tricky because the icon height is defined in pixels, while the
+     font height can vary with platform and system settings, and at least on
+     Windows the default font metrics reserve more extra space for accents.
+     This value is a good compromise for different platforms and font sizes. */
+  margin-top: -0.1em;
+}
+
 .identity-popup-permission-label {
   margin-inline-start: 1em;
 }
 
 .identity-popup-permission-state-label {
   margin-inline-end: 5px;
   text-align: end;
   color: graytext;