blob: 8f09943238f1e67779427cede4dc84f75fe4aa8e (
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
|
/* 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/. */
/* Whether this is actually still required
* is not totally clear, but better to be safe than sorry:
*
* For some reason SubDialog browser sizing can result in scrollbars, so just
* hide the horizontal scrollbar that would have then required vertical
* scrollbar. This should be okay as we wrap content for this fixed width
* dialog unless the window is actually narrow and really does need
* horizontal scrollbars. */
@media (min-width: 544px) {
body {
overflow-x: hidden;
}
}
body {
padding: 20px 40px;
/* Keep as multiple of 4px. Match min-width media query above + padding. */
width: 464px;
}
#dialog-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
text-align: center;
}
.logo {
width: 100px;
height: 100px;
object-fit: contain;
margin-bottom: 8px;
}
#title {
font-weight: 500;
font-size: 26px;
margin-bottom: 0;
white-space: pre-wrap;
}
#content {
font-weight: 400;
font-size: 13px;
margin-block: 10px 18px;
}
#learn-more-toggle::after {
background: url("chrome://global/skin/icons/arrow-right.svg") center / 12px no-repeat;
content: "";
-moz-context-properties: fill;
fill: currentColor;
padding-inline: .5em;
}
#learn-more-toggle:dir(rtl)::after {
background-image: url("chrome://global/skin/icons/arrow-left.svg");
}
#learn-more-toggle[aria-expanded="true"]::after {
background-image: url("chrome://global/skin/icons/arrow-down.svg");
}
#learn-more-toggle[aria-expanded="false"] + .expanded {
visibility: hidden;
}
.expanded {
margin-bottom: 0;
}
#primary {
font-size: 13px;
}
#secondary {
/* make the font look like the mock */
font-size: 13px;
padding: 4px;
}
|
