ASCII text
1
/* Modal Dialogs */
2
.headline {
4
@include fontsize($base_font_size + 1);
5
}
6
.modal-dialog {
8
border-radius: $modal_radius;
9
@extend %bubble_panel;
10
.modal-dialog-content-box {
12
margin: 32px 40px;
13
spacing: 32px;
14
max-width: 28em;
15
}
16
.modal-dialog-linked-button {
18
@extend %bubble_button;
19
}
20
}
21
/* End Session Dialog */
23
.end-session-dialog {
24
width: 30em;
25
.end-session-dialog-battery-warning,
27
.dialog-list-title {
28
color: $warning_color;
29
}
30
}
31
/* Message Dialog */
33
.message-dialog-content {
34
spacing: 18px;
35
.message-dialog-title {
37
text-align: center;
38
font-size: 18pt;
39
font-weight: 800;
40
&.leightweight {
42
font-size: 13pt;
43
font-weight: 800;
44
}
45
}
46
.message-dialog-description { text-align: center; }
47
}
48
/* Dialog List */
50
.dialog-list {
51
spacing: 18px;
52
.dialog-list-title {
54
text-align: center;
55
font-weight: bold;
56
}
57
.dialog-list-scrollview { max-height: 200px; }
59
.dialog-list-box {
60
spacing: 1em;
61
.dialog-list-item {
63
spacing: 1em;
64
.dialog-list-item-title { font-weight: bold; }
66
.dialog-list-item-description {
67
color: darken($fg_color,5%);
68
@include fontsize($base_font_size - 1);
69
}
70
}
71
}
72
}
73
/* Run Dialog */
75
.run-dialog {
76
.modal-dialog-content-box {
77
margin-top: 24px;
78
margin-bottom: 14px;
79
}
80
.run-dialog-entry { width: 20em; }
81
.run-dialog-description {
82
@include fontsize($base_font_size - 1);
83
text-align: center;
84
color: darken($fg_color, 20%);
85
}
86
}
87
/* Password or Authentication Dialog */
89
.prompt-dialog {
91
width: 28em;
92
.modal-dialog-content-box {
94
margin-bottom: 24px;
95
}
96
}
97
.prompt-dialog-password-grid {
99
spacing-rows: 8px;
100
spacing-columns: 4px;
101
.prompt-dialog-password-entry {
103
width: auto;
104
// 4px (spacing) + 16px (spinner-width)
106
&:ltr { margin-left: 20px; }
107
&:rtl { margin-right: 20px; }
108
}
109
}
110
.prompt-dialog-password-layout {
112
spacing: 8px;
113
}
114
.prompt-dialog-password-entry {
116
width: 20em;
117
}
118
.prompt-dialog-error-label,
120
.prompt-dialog-info-label,
121
.prompt-dialog-null-label {
122
text-align: center;
123
@include fontsize($base_font_size - 1);
124
}
125
.prompt-dialog-error-label {
127
color: $warning_color;
128
}
129
/* Polkit Dialog */
132
.polkit-dialog-user-layout {
134
text-align: center;
135
spacing: 8px;
136
margin-bottom: 6px;
137
.polkit-dialog-user-icon {
139
border-radius: 99px;
140
background-size: contain;
141
}
142
.polkit-dialog-user-root-label { color: $warning_color; }
143
}
144
/* Audio selection dialog */
146
.audio-device-selection-dialog {
147
.modal-dialog-content-box { margin-bottom: 28px; }
148
.audio-selection-box { spacing: 20px; }
149
}
150
.audio-selection-device {
152
border: 1px solid $bubble_borders_color;
153
border-radius: 12px;
154
&:hover,&:focus { background-color: $hover_bg_color; }
155
&:active {
156
background-color: $selected_bg_color;
157
color: $selected_fg_color;
158
}
159
}
160
.audio-selection-device-box {
162
padding: 20px;
163
spacing: 20px;
164
}
165
.audio-selection-device-icon {
167
icon-size: $base_icon_size * 4;
168
}
169