Files
tubestation/browser/extensions/formautofill/content/manageDialog.css
Scott Wu 2dada014c2 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
2017-09-08 18:40:42 +08:00

77 lines
1.3 KiB
CSS

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
div {
display: flex;
}
button {
padding: 3px 2em;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
fieldset > legend {
box-sizing: border-box;
width: 100%;
padding: 0.4em 0.7em;
font-size: 0.9em;
color: #808080;
background-color: var(--in-content-box-background-hover);
border: 1px solid var(--in-content-box-border-color);
border-radius: 2px 2px 0 0;
-moz-user-select: none;
}
option:nth-child(even) {
background-color: -moz-oddtreerow;
}
#addresses,
#credit-cards {
font-size: 0.85em;
width: 100%;
height: 16.6em;
margin: 0;
border-top: none;
border-radius: 0 0 2px 2px;
}
#addresses > option,
#credit-cards > option {
display: flex;
align-items: center;
height: 1.6em;
padding-inline-start: 0.6em;
}
#controls-container {
flex: 0 1 100%;
justify-content: end;
font-size: 0.9em;
margin-top: 1em;
}
#remove {
margin-inline-start: 0;
margin-inline-end: auto;
}
#edit {
margin-inline-end: 0;
}
#credit-cards > option::before {
content: "";
background: url("icon-credit-card-generic.svg") no-repeat;
float: left;
width: 16px;
height: 16px;
padding-inline-end: 10px;
}