summaryrefslogtreecommitdiffstats
path: root/browser/extensions/formautofill/content/formautofill.css
blob: fad9ee410abb9ae61f9c396aeb6f379e01070508 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
/* 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 > richlistbox > richlistitem[originaltype="autofill-profile"],
#PopupAutoComplete > richlistbox > richlistitem[originaltype="autofill-footer"],
#PopupAutoComplete > richlistbox > richlistitem[originaltype="autofill-insecureWarning"],
#PopupAutoComplete > richlistbox > richlistitem[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 */
#PopupAutoComplete > richlistbox > richlistitem[originaltype="autofill-profile"][collapsed="true"],
#PopupAutoComplete > richlistbox > richlistitem[originaltype="autofill-footer"][collapsed="true"],
#PopupAutoComplete > richlistbox > richlistitem[originaltype="autofill-insecureWarning"][collapsed="true"],
#PopupAutoComplete > richlistbox > richlistitem[originaltype="autofill-clear-button"][collapsed="true"] {
  display: none;
}

#PopupAutoComplete[resultstyles~="autofill-profile"] {
  min-width: 150px !important;
}

#PopupAutoComplete[resultstyles~="autofill-insecureWarning"] {
  min-width: 200px !important;
}

#PopupAutoComplete > richlistbox > richlistitem[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;
}