Bug 1397000 - 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 659659 7e9e64adab184576ec9bdfeb11adedc64a01fd15
parent 659384 f64e2b4dcf5eec0b4ad456c149680a67b7c26dc4
child 730007 d5fc35949c57a8a99f3fb78cf49a668df8f1fd45
push id78147
push userbmo:ralin@mozilla.com
push dateWed, 06 Sep 2017 04:33:55 +0000
reviewerslchang
bugs1397000
milestone57.0a1
Bug 1397000 - 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);