diff options
Diffstat (limited to 'browser/extensions/formautofill/content/formautofill.css')
-rw-r--r-- | browser/extensions/formautofill/content/formautofill.css | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/browser/extensions/formautofill/content/formautofill.css b/browser/extensions/formautofill/content/formautofill.css new file mode 100644 index 0000000000..911b152f8d --- /dev/null +++ b/browser/extensions/formautofill/content/formautofill.css @@ -0,0 +1,58 @@ +/* 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/. */ + +#PopupAutoComplete { + &[resultstyles~="autofill-profile"] { + min-width: 150px !important; + } + + &[resultstyles~="autofill-insecureWarning"] { + min-width: 200px !important; + } + + > richlistbox > richlistitem { + &[originaltype="autofill-profile"], + &[originaltype="autofill-footer"], + &[originaltype="autofill-insecureWarning"], + &[originaltype="autofill-clear-button"] { + display: block; + margin: 0; + padding: 0; + height: auto; + min-height: auto; + + /* Treat @collpased="true" as display: none similar to how it is for XUL elements. + * https://developer.mozilla.org/en-US/docs/Web/CSS/visibility#Values */ + &[collapsed="true"] { + display: none; + } + } + + &[disabled="true"] { + opacity: 0.5; + } + } +} + +/* Form Autofill Doorhanger */ + +#autofill-address-notification popupnotificationcontent > .desc-message-box, +#autofill-credit-card-notification popupnotificationcontent > .desc-message-box { + margin-block-end: 12px; +} + +#autofill-credit-card-notification popupnotificationcontent > .desc-message-box > image { + -moz-context-properties: fill; + fill: currentColor; + width: auto; + height: auto; + list-style-image: url(chrome://formautofill/content/icon-credit-card-generic.svg); +} + +#autofill-address-notification popupnotificationcontent > .desc-message-box > description, +#autofill-address-notification popupnotificationcontent > .desc-message-box > additional-description, +#autofill-credit-card-notification popupnotificationcontent > .desc-message-box > description { + font-style: italic; + margin-inline-start: 4px; +} |