Bug 1397116 - Adjust form autofill dropdown item height to 30px to align with visual spec. r=lchang draft
authorRay Lin <ralin@mozilla.com>
Wed, 06 Sep 2017 12:32:36 +0800
changeset 659689 df91de39eeac714ea60b6f3d633c7a9f73f97cca
parent 659384 f64e2b4dcf5eec0b4ad456c149680a67b7c26dc4
child 730026 2f269fe3e7cf59fdeb675b8194de7a7d2717b0c4
push id78168
push userbmo:ralin@mozilla.com
push dateWed, 06 Sep 2017 06:07:17 +0000
reviewerslchang
bugs1397116
milestone57.0a1
Bug 1397116 - Adjust form autofill dropdown item height to 30px to align with visual spec. r=lchang MozReview-Commit-ID: HTml30JLhRO
browser/extensions/formautofill/skin/shared/autocomplete-item.css
--- a/browser/extensions/formautofill/skin/shared/autocomplete-item.css
+++ b/browser/extensions/formautofill/skin/shared/autocomplete-item.css
@@ -15,17 +15,17 @@ xul|richlistitem[originaltype="autofill-
 }
 
 xul|richlistitem[originaltype="autofill-insecureWarning"] {
   border-bottom: 1px solid var(--panel-separator-color);
   background-color: var(--arrowpanel-dimmed);
 }
 
 .autofill-item-box {
-  --item-padding-vertical: 6px;
+  --item-padding-vertical: 7px;
   --item-padding-horizontal: 10px;
   --col-spacer: 7px;
   --item-width: calc(50% - (var(--col-spacer) / 2));
   --label-text-color: #262626;
   --comment-text-color: #646464;
   --warning-text-color: #646464;
   --option-btn-text-color: -moz-FieldText;
 
@@ -40,16 +40,17 @@ xul|richlistitem[originaltype="autofill-
 .autofill-item-box[size="small"] {
   --item-padding-vertical: 7px;
   --col-spacer: 0px;
   --row-spacer: 3px;
   --item-width: 100%;
 }
 
 .autofill-item-box:not([ac-image=""]) {
+  --item-padding-vertical: 6.5px;
   --comment-font-size: 11;
 }
 
 .autofill-footer,
 .autofill-footer[size="small"] {
   --item-width: 100%;
   --item-padding-vertical: 0;
   --item-padding-horizontal: 0;
@@ -122,16 +123,17 @@ xul|richlistitem[originaltype="autofill-
 }
 
 .autofill-item-box[size="small"] > .profile-comment-col {
   margin-top: var(--row-spacer);
   text-align: start;
 }
 
 .autofill-footer {
+  padding: 0;
   flex-direction: column;
 }
 
 .autofill-footer > .autofill-footer-row {
   display: flex;
   justify-content: center;
   align-items: center;
   width: var(--item-width);