Bug 1397116 - Adjust form autofill dropdown item height to 30px to align with visual spec. r=lchang
MozReview-Commit-ID: HTml30JLhRO
--- 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);