summaryrefslogtreecommitdiffstats
path: root/browser/components/payments/res/containers/basic-card-form.css
blob: f4a8721e035cce9a7c1ab4734e0ab5853eeba8d1 (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
/* 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/. */

basic-card-form .editCreditCardForm {
  /* Add the persist-checkbox row to the grid */
  grid-template-areas:
    "cc-number cc-exp-month cc-exp-year"
    "cc-name   cc-type      cc-csc"
    "accepted  accepted     accepted"
    "persist-checkbox persist-checkbox persist-checkbox"
    "billingAddressGUID billingAddressGUID billingAddressGUID";
}

basic-card-form csc-input {
  display: flex;
  flex-grow: 1;
}

basic-card-form .editCreditCardForm > accepted-cards {
  grid-area: accepted;
  margin: 0;
}

basic-card-form .editCreditCardForm .persist-checkbox {
  display: flex;
  grid-area: persist-checkbox;
}

#billingAddressGUID-container {
  display: grid;
}

basic-card-form > footer > .cancel-button {
  /* When cancel is shown (during onboarding), it should always be on the left with a space after it */
  margin-right: auto;
}

basic-card-form > footer > .cancel-button[hidden] ~ .back-button {
  /* When back is shown (outside onboarding) we want "Back <space> Add/Save" */
  /* Bug 1468153 may change the button ordering to match platform conventions */
  margin-right: auto;
}