Bug 1296322 - X button is vertically misaligned on the permission dropdown. r=dao draft
authorPaolo Amadini <paolo.mozmail@amadzone.org>
Thu, 10 Nov 2016 11:47:09 +0100
changeset 437103 0df846d30e0a848df010fbd5ff6b303fdf555c3c
parent 436738 336759fad4621dfcd0a3293840edbed67018accd
child 536562 86d4e8d3cddd9667c9ec005a7b453a9f5eb6e43c
push id35330
push userpaolo.mozmail@amadzone.org
push dateThu, 10 Nov 2016 10:49: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;