Bug 1397088 - Adjust autofill records list height and allow country warning message wrapping. r=lchang
authorScott Wu <scottcwwu@gmail.com>
Fri, 08 Sep 2017 18:40:42 +0800
changeset 429887 f2e2ecd961cf5e242f301327308234d562af6ed3
parent 429886 b9e11056a978184ac49a1cdb3679c8ef4eed28dc
child 429888 8475a8df9f16b4199cb3222e56902daa698dce3a
push id7761
push userjlund@mozilla.com
push dateFri, 15 Sep 2017 00:19:52 +0000
treeherdermozilla-beta@c38455951db4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerslchang
bugs1397088
milestone57.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1397088 - Adjust autofill records list height and allow country warning message wrapping. r=lchang This patch fixes a light height problem in records to align with the visual spec. Another issue is that on Linux the country warning message in edit address dialog is pushed to the next line, where it should be wrapped. MozReview-Commit-ID: FZiBVKWLeMU
browser/extensions/formautofill/content/manageDialog.css
browser/extensions/formautofill/skin/shared/editAddress.css
--- a/browser/extensions/formautofill/content/manageDialog.css
+++ b/browser/extensions/formautofill/content/manageDialog.css
@@ -41,18 +41,18 @@ option:nth-child(even) {
   border-top: none;
   border-radius: 0 0 2px 2px;
 }
 
 #addresses > option,
 #credit-cards > option {
   display: flex;
   align-items: center;
-  height: 1.3em;
-  padding-inline-start: 0.7em;
+  height: 1.6em;
+  padding-inline-start: 0.6em;
 }
 
 #controls-container {
   flex: 0 1 100%;
   justify-content: end;
   font-size: 0.9em;
   margin-top: 1em;
 }
--- a/browser/extensions/formautofill/skin/shared/editAddress.css
+++ b/browser/extensions/formautofill/skin/shared/editAddress.css
@@ -13,16 +13,17 @@ select {
   margin: 0;
 }
 
 #given-name-container,
 #additional-name-container,
 #address-level1-container,
 #postal-code-container,
 #country-container,
+#country-warning-message,
 #family-name-container,
 #organization-container,
 #address-level2-container,
 #tel-container {
   flex: 0 1 50%;
 }
 
 #family-name-container,
@@ -38,15 +39,15 @@ select {
 }
 
 #street-address,
 #email {
   flex: 1 0 auto;
 }
 
 #country-warning-message {
+  box-sizing: border-box;
   font-size: 1rem;
-  flex: 1 0 auto;
   align-items: center;
   text-align: start;
   color: #737373;
   padding-inline-start: 1em;
 }