fune/browser/extensions/formautofill/content/manageDialog.css
Scott Wu 9ef0b066cb 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

--HG--
extra : rebase_source : 97ac4cfba1042be01f9cba5e51b5831fef8b59c5
2017-09-08 18:40:42 +08:00

76 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;
}