ASCII text
1
/* Modal Dialogs */
2
.headline {
4
@include type(headline6);
5
}
6
.modal-dialog {
8
border: 0;
9
border-radius: $corner-radius;
10
box-shadow: $shadow-z8;
11
background-color: $surface-z8;
12
color: $on-surface;
13
@if $version >= 3.36 {
15
.modal-dialog-content-box {
16
max-width: 28em;
17
margin: 32px 40px;
18
spacing: 32px;
19
}
20
} @else {
21
.modal-dialog-content-box {
22
padding: 24px;
23
}
24
}
25
.modal-dialog-linked-button {
27
@extend %bubble_button;
28
}
29
@if $version == 3.34 {
31
StEntry {
32
@extend %entry;
33
}
34
.button {
36
@extend %button;
37
}
38
}
39
}
40
/* End Session Dialog */
42
@if $version >= 3.36 {
43
.end-session-dialog {
44
width: 30em;
45
.end-session-dialog-battery-warning,
47
.dialog-list-title {
48
color: $error;
49
}
50
}
51
} @else {
52
.end-session-dialog {
53
spacing: 42px;
54
border: 0;
55
}
56
.end-session-dialog-subject {
58
@include type(headline6);
59
}
60
.end-session-dialog-list {
62
padding-top: 20px;
63
}
64
.end-session-dialog-layout {
66
padding-left: 17px;
67
&:rtl {
69
padding-right: 17px;
70
}
71
}
72
.end-session-dialog-description {
74
width: 28em;
75
padding-bottom: 10px;
76
&:rtl {
78
text-align: right;
79
}
80
}
81
.end-session-dialog-warning {
83
width: 28em;
84
padding-top: 6px;
85
color: $error;
86
&:rtl {
88
text-align: right;
89
}
90
}
91
.end-session-dialog-logout-icon {
93
width: 48px;
94
height: 48px;
95
border-radius: $circular-radius;
96
background-size: contain;
97
}
98
.end-session-dialog-shutdown-icon {
100
width: 48px;
101
height: 48px;
102
color: hint($on-surface);
103
}
104
.end-session-dialog-inhibitor-layout {
106
max-height: 200px;
107
padding-right: 64px;
108
padding-left: 64px;
109
spacing: 16px;
110
}
111
.end-session-dialog-session-list,
113
.end-session-dialog-app-list {
114
spacing: 1em;
115
}
116
.end-session-dialog-list-header {
118
font-weight: bold;
119
&:rtl {
121
text-align: right;
122
}
123
}
124
.end-session-dialog-app-list-item,
126
.end-session-dialog-session-list-item {
127
spacing: 1em;
128
}
129
.end-session-dialog-app-list-item-name,
131
.end-session-dialog-session-list-item-name {
132
font-weight: bold;
133
}
134
.end-session-dialog-app-list-item-description {
136
color: hint($on-surface);
137
font-size: 1em;
138
}
139
}
140
/* Message Dialog */
142
@if $version >= 3.36 {
143
.message-dialog-content {
144
spacing: 18px;
145
.message-dialog-title {
147
@include type(headline6);
148
text-align: inherit;
149
$lightweight: if($version >= 3.38, ".lightweight", ".leightweight");
151
&#{$lightweight} {
153
@include type(headline6);
154
}
155
}
156
.message-dialog-description {
158
color: hint($on-surface);
159
text-align: inherit;
160
}
161
}
162
} @else {
163
.message-dialog-main-layout {
164
padding: 12px 20px 0;
165
spacing: 12px;
166
}
167
.message-dialog-content {
169
max-width: 28em;
170
spacing: 20px;
171
}
172
.message-dialog-icon {
174
min-width: 48px;
175
icon-size: 48px;
176
}
177
.message-dialog-title {
179
font-weight: bold;
180
}
181
.message-dialog-subtitle {
183
color: hint($on-surface);
184
font-weight: normal;
185
}
186
}
187
/* Dialog List */
189
.dialog-list {
190
spacing: 18px;
191
.dialog-list-title {
193
text-align: inherit;
194
font-weight: bold;
195
}
196
.dialog-list-scrollview {
198
max-height: 200px;
199
}
200
.dialog-list-box {
202
spacing: 1em;
203
.dialog-list-item {
205
spacing: 1em;
206
.dialog-list-item-title {
208
font-weight: bold;
209
}
210
.dialog-list-item-description {
212
color: hint($on-surface);
213
font-size: 1em;
214
}
215
}
216
}
217
}
218
/* Run Dialog */
220
.run-dialog {
221
@if $version >= 3.36 {
222
.modal-dialog-content-box {
223
margin-top: 24px;
224
margin-bottom: 16px;
225
}
226
.run-dialog-entry {
228
width: 20em;
229
}
230
.run-dialog-description {
232
text-align: inherit;
233
color: hint($on-surface);
234
font-size: 1em;
235
}
236
} @else {
237
.run-dialog-label {
238
padding-bottom: .4em;
239
color: hint($on-surface);
240
font-weight: normal;
241
font-size: 1em;
242
}
243
.run-dialog-entry {
245
width: 20em;
246
margin-bottom: 0;
247
}
248
.run-dialog-error-box {
250
padding-top: 16px;
251
spacing: 6px;
252
color: $error;
253
}
254
.run-dialog-button-box {
256
padding-top: 1em;
257
}
258
}
259
}
260
/* Password or Authentication Dialog */
262
@if $version >= 3.36 {
264
.prompt-dialog {
265
width: 28em;
266
.modal-dialog-content-box {
268
margin-bottom: 24px;
269
}
270
}
271
.prompt-dialog-password-grid {
273
spacing-rows: 8px;
274
spacing-columns: 4px;
275
.prompt-dialog-password-entry {
277
width: auto;
278
// 4px (spacing) + 16px (spinner-width)
280
&:ltr {
281
margin-left: 20px;
282
}
283
&:rtl {
285
margin-right: 20px;
286
}
287
}
288
}
289
.prompt-dialog-password-layout {
291
spacing: 8px;
292
}
293
.prompt-dialog-password-entry {
295
width: 18em;
296
}
297
} @else {
298
.prompt-dialog {
299
// this is the width of the entire modal popup
300
width: 34em;
301
.message-dialog-main-layout {
303
spacing: 24px;
304
padding: 10px;
305
}
306
.message-dialog-content {
308
spacing: 16px;
309
}
310
.message-dialog-title {
312
color: inherit;
313
@include type(headline6);
314
}
315
}
316
.prompt-dialog-description:rtl {
318
text-align: right;
319
}
320
.prompt-dialog-password-box {
322
spacing: 1em;
323
padding-bottom: 1em;
324
}
325
}
326
.prompt-dialog-error-label,
328
.prompt-dialog-info-label,
329
.prompt-dialog-null-label {
330
font-size: 1em;
331
@if $version >= 3.36 {
333
text-align: inherit;
334
} @else {
335
padding-bottom: 8px;
336
}
337
}
338
.prompt-dialog-error-label {
340
color: $error;
341
}
342
@if $version == 3.34 {
344
.prompt-dialog-pim-box {
345
spacing: 1em;
346
}
347
.prompt-dialog-grid {
349
spacing-rows: 15px;
350
spacing-columns: 1em;
351
}
352
.prompt-dialog-keyfiles-box {
354
spacing: 1em;
355
}
356
.prompt-dialog-button.button {
358
padding: 0 8px;
359
}
360
}
361
/* Polkit Dialog */
364
.polkit-dialog-user-layout {
366
@if $version >= 3.36 {
367
text-align: center;
368
spacing: 8px;
369
margin-bottom: 6px;
370
} @else {
371
spacing: 10px;
372
padding-left: 10px;
373
&:rtl {
375
padding-left: 0;
376
padding-right: 10px;
377
}
378
}
379
@if $version < 40 {
381
.polkit-dialog-user-icon {
382
border-radius: $circular-radius;
383
background-size: contain;
384
@if $version < 3.36 {
386
width: 48px;
387
height: 48px;
388
}
389
}
390
}
391
.polkit-dialog-user-root-label {
393
color: $error;
394
}
395
}
396
/* Audio selection dialog */
398
.audio-device-selection-dialog {
399
@if $version >= 3.36 {
400
.modal-dialog-content-box {
401
margin-bottom: 28px;
402
}
403
} @else {
404
spacing: 30px;
405
.audio-selection-content {
407
spacing: 20px;
408
padding: 24px;
409
}
410
.audio-selection-title {
412
font-weight: bold;
413
text-align: inherit;
414
}
415
}
416
.audio-selection-box {
418
spacing: 20px;
419
}
420
}
421
.audio-selection-device {
423
transition-duration: $duration;
424
border: 0;
425
border-radius: $corner-radius;
426
&:focus {
428
background-color: overlay("focus", $on-surface);
429
}
430
&:hover {
432
background-color: overlay("hover", $on-surface);
433
}
434
&:active {
436
transition-duration: $duration-ripple;
437
background-color: overlay("pressed", $on-surface);
438
color: inherit;
439
}
440
}
441
.audio-selection-device-box {
443
padding: 20px;
444
spacing: 20px;
445
}
446
.audio-selection-device-icon {
448
icon-size: 64px;
449
}
450
@if $version < 3.36 {
452
/* ShellMountOperation Dialogs */
453
.shell-mount-operation-icon {
454
icon-size: 48px;
455
}
456
.mount-dialog-subject {
458
@include type(headline6);
459
}
460
.mount-dialog {
462
spacing: 24px;
463
.message-dialog-title {
465
max-width: 34em;
466
padding-top: 10px;
467
padding-bottom: 6px;
468
padding-left: 17px;
469
&:rtl {
471
padding-left: 0;
472
padding-right: 17px;
473
}
474
}
475
.message-dialog-body {
477
width: 28em;
478
padding-left: 17px;
479
&:rtl {
481
padding-left: 0;
482
padding-right: 17px;
483
}
484
}
485
}
486
.mount-dialog-app-list {
488
max-height: 200px;
489
padding-top: 24px;
490
padding-left: 48px;
491
padding-right: 32px;
492
&:rtl {
494
padding-right: 48px;
495
padding-left: 32px;
496
}
497
}
498
.mount-dialog-app-list-item {
500
&,
501
&:hover {
502
color: inherit;
503
}
504
&:ltr {
506
padding-right: 1em;
507
}
508
&:rtl {
510
padding-left: 1em;
511
}
512
}
513
.mount-dialog-app-list-item-icon {
515
&:ltr {
516
padding-right: 16px;
517
}
518
&:rtl {
520
padding-left: 16px;
521
}
522
}
523
.mount-dialog-app-list-item-name {
525
font-size: 1em;
526
}
527
/* Access Dialog */
529
.access-dialog {
530
spacing: 30px;
531
}
532
/* Geolocation Dialog */
534
.geolocation-dialog {
535
spacing: 30px;
536
}
537
/* Extension Dialog */
539
.extension-dialog {
540
.message-dialog-main-layout {
541
spacing: 24px;
542
padding: 10px;
543
}
544
.message-dialog-title {
546
color: hint($on-surface);
547
font-weight: normal;
548
}
549
}
550
/* Inhibit-Shortcuts Dialog */
552
.inhibit-shortcuts-dialog {
553
spacing: 30px;
554
}
555
/* Network Agent Dialog */
557
.network-dialog-secret-table {
559
spacing-rows: 15px;
560
spacing-columns: 1em;
561
}
562
.keyring-dialog-control-table {
564
spacing-rows: 15px;
565
spacing-columns: 1em;
566
}
567
}
568