summaryrefslogtreecommitdiffstats
path: root/browser/extensions/formautofill/content/formautofill.css
blob: 911b152f8debf983d34100a29ac85cefd3f7d2ed (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
55
56
57
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;
}