blob: 484610414ca915909d49c03bafb94c1f41dfa660 (
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
|
/* 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/. */
.error-text {
color: #fff;
background-color: #d70022;
border-radius: 2px;
margin: 5px 3px 0 3px;
/* The padding-top and padding-bottom are referenced by address-form.js */ /* TODO */
padding: 5px 12px;
position: absolute;
z-index: 1;
pointer-events: none;
top: 100%;
visibility: hidden;
}
/* ::before is the error on the error text panel */
:is(input, textarea, select) ~ .error-text::before {
background-color: #d70022;
top: -7px;
content: '.';
height: 16px;
position: absolute;
text-indent: -999px;
transform: rotate(45deg);
white-space: nowrap;
width: 16px;
z-index: -1
}
/* Position the arrow */
.error-text:dir(ltr)::before {
left: 12px
}
.error-text:dir(rtl)::before {
right: 12px
}
:is(input, textarea, select):-moz-ui-invalid:focus ~ .error-text {
visibility: visible;
}
address-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;
}
address-form > footer > .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;
}
|
