ASCII text
1
/* Modal Dialogs */
2
@use "../../../../theme";
4
@use "../../../../theme-color";
5
@use "../../gnome-shell";
6
@use "../../typography";
7
@use "../base/button";
8
@use "../base/entry";
9
.headline {
11
@include typography.headline6;
12
}
13
.modal-dialog {
15
border: 0;
16
border-radius: theme.$corner-radius;
17
box-shadow: theme.$shadow-z8;
18
background-color: theme-color.$surface-z8;
19
color: theme-color.$on-surface;
20
@if gnome-shell.$version >= 3.36 {
22
.modal-dialog-content-box {
23
max-width: 28em;
24
margin: 32px 40px;
25
spacing: 32px;
26
}
27
} @else {
28
.modal-dialog-content-box {
29
padding: 24px;
30
}
31
}
32
.modal-dialog-linked-button {
34
@extend %bubble_button;
35
}
36
@if gnome-shell.$version == 3.34 {
38
StEntry {
39
@extend %entry;
40
}
41
.button {
43
@extend %button;
44
}
45
}
46
}
47
/* End Session Dialog */
49
@if gnome-shell.$version >= 3.36 {
50
.end-session-dialog {
51
width: 30em;
52
.end-session-dialog-battery-warning,
54
.dialog-list-title {
55
color: theme-color.$error;
56
}
57
}
58
} @else {
59
.end-session-dialog {
60
spacing: 42px;
61
border: 0;
62
}
63
.end-session-dialog-subject {
65
@include typography.headline6;
66
}
67
.end-session-dialog-list {
69
padding-top: 20px;
70
}
71
.end-session-dialog-layout {
73
padding-left: 17px;
74
&:rtl {
76
padding-right: 17px;
77
}
78
}
79
.end-session-dialog-description {
81
width: 28em;
82
padding-bottom: 10px;
83
&:rtl {
85
text-align: right;
86
}
87
}
88
.end-session-dialog-warning {
90
width: 28em;
91
padding-top: 6px;
92
color: theme-color.$error;
93
&:rtl {
95
text-align: right;
96
}
97
}
98
.end-session-dialog-logout-icon {
100
width: 48px;
101
height: 48px;
102
border-radius: theme.$circular-radius;
103
background-size: contain;
104
}
105
.end-session-dialog-shutdown-icon {
107
width: 48px;
108
height: 48px;
109
color: theme-color.hint(theme-color.$on-surface);
110
}
111
.end-session-dialog-inhibitor-layout {
113
max-height: 200px;
114
padding-right: 64px;
115
padding-left: 64px;
116
spacing: 16px;
117
}
118
.end-session-dialog-session-list,
120
.end-session-dialog-app-list {
121
spacing: 1em;
122
}
123
.end-session-dialog-list-header {
125
font-weight: bold;
126
&:rtl {
128
text-align: right;
129
}
130
}
131
.end-session-dialog-app-list-item,
133
.end-session-dialog-session-list-item {
134
spacing: 1em;
135
}
136
.end-session-dialog-app-list-item-name,
138
.end-session-dialog-session-list-item-name {
139
font-weight: bold;
140
}
141
.end-session-dialog-app-list-item-description {
143
color: theme-color.hint(theme-color.$on-surface);
144
font-size: 1em;
145
}
146
}
147
/* Message Dialog */
149
@if gnome-shell.$version >= 3.36 {
150
.message-dialog-content {
151
spacing: 18px;
152
.message-dialog-title {
154
@include typography.headline6;
155
text-align: inherit;
156
$lightweight: if(gnome-shell.$version >= 3.38, ".lightweight", ".leightweight");
158
&#{$lightweight} {
160
@include typography.headline6;
161
}
162
}
163
.message-dialog-description {
165
color: theme-color.hint(theme-color.$on-surface);
166
text-align: inherit;
167
}
168
}
169
} @else {
170
.message-dialog-main-layout {
171
padding: 12px 20px 0;
172
spacing: 12px;
173
}
174
.message-dialog-content {
176
max-width: 28em;
177
spacing: 20px;
178
}
179
.message-dialog-icon {
181
min-width: 48px;
182
icon-size: 48px;
183
}
184
.message-dialog-title {
186
font-weight: bold;
187
}
188
.message-dialog-subtitle {
190
color: theme-color.hint(theme-color.$on-surface);
191
font-weight: normal;
192
}
193
}
194
/* Dialog List */
196
.dialog-list {
197
spacing: 18px;
198
.dialog-list-title {
200
text-align: inherit;
201
font-weight: bold;
202
}
203
.dialog-list-scrollview {
205
max-height: 200px;
206
}
207
.dialog-list-box {
209
spacing: 1em;
210
.dialog-list-item {
212
spacing: 1em;
213
.dialog-list-item-title {
215
font-weight: bold;
216
}
217
.dialog-list-item-description {
219
color: theme-color.hint(theme-color.$on-surface);
220
font-size: 1em;
221
}
222
}
223
}
224
}
225
/* Run Dialog */
227
.run-dialog {
228
@if gnome-shell.$version >= 3.36 {
229
.modal-dialog-content-box {
230
margin-top: 24px;
231
margin-bottom: 16px;
232
}
233
.run-dialog-entry {
235
width: 20em;
236
}
237
.run-dialog-description {
239
text-align: inherit;
240
color: theme-color.hint(theme-color.$on-surface);
241
font-size: 1em;
242
}
243
} @else {
244
.run-dialog-label {
245
padding-bottom: .4em;
246
color: theme-color.hint(theme-color.$on-surface);
247
font-weight: normal;
248
font-size: 1em;
249
}
250
.run-dialog-entry {
252
width: 20em;
253
margin-bottom: 0;
254
}
255
.run-dialog-error-box {
257
padding-top: 16px;
258
spacing: 6px;
259
color: theme-color.$error;
260
}
261
.run-dialog-button-box {
263
padding-top: 1em;
264
}
265
}
266
}
267
/* Password or Authentication Dialog */
269
@if gnome-shell.$version >= 3.36 {
271
.prompt-dialog {
272
width: 28em;
273
.modal-dialog-content-box {
275
margin-bottom: 24px;
276
}
277
}
278
.prompt-dialog-password-grid {
280
spacing-rows: 8px;
281
spacing-columns: 4px;
282
.prompt-dialog-password-entry {
284
width: auto;
285
// 4px (spacing) + 16px (spinner-width)
287
&:ltr {
288
margin-left: 20px;
289
}
290
&:rtl {
292
margin-right: 20px;
293
}
294
}
295
}
296
.prompt-dialog-password-layout {
298
spacing: 8px;
299
}
300
.prompt-dialog-password-entry {
302
width: 18em;
303
}
304
} @else {
305
.prompt-dialog {
306
// this is the width of the entire modal popup
307
width: 34em;
308
.message-dialog-main-layout {
310
spacing: 24px;
311
padding: 10px;
312
}
313
.message-dialog-content {
315
spacing: 16px;
316
}
317
.message-dialog-title {
319
color: inherit;
320
@include typography.headline6;
321
}
322
}
323
.prompt-dialog-description:rtl {
325
text-align: right;
326
}
327
.prompt-dialog-password-box {
329
spacing: 1em;
330
padding-bottom: 1em;
331
}
332
}
333
.prompt-dialog-error-label,
335
.prompt-dialog-info-label,
336
.prompt-dialog-null-label {
337
font-size: 1em;
338
@if gnome-shell.$version >= 3.36 {
340
text-align: inherit;
341
} @else {
342
padding-bottom: 8px;
343
}
344
}
345
.prompt-dialog-error-label {
347
color: theme-color.$error;
348
}
349
@if gnome-shell.$version == 3.34 {
351
.prompt-dialog-pim-box {
352
spacing: 1em;
353
}
354
.prompt-dialog-grid {
356
spacing-rows: 15px;
357
spacing-columns: 1em;
358
}
359
.prompt-dialog-keyfiles-box {
361
spacing: 1em;
362
}
363
.prompt-dialog-button.button {
365
padding: 0 8px;
366
}
367
}
368
/* Polkit Dialog */
371
.polkit-dialog-user-layout {
373
@if gnome-shell.$version >= 3.36 {
374
text-align: center;
375
spacing: 8px;
376
margin-bottom: 6px;
377
} @else {
378
spacing: 10px;
379
padding-left: 10px;
380
&:rtl {
382
padding-left: 0;
383
padding-right: 10px;
384
}
385
}
386
@if gnome-shell.$version < 40 {
388
.polkit-dialog-user-icon {
389
border-radius: theme.$circular-radius;
390
background-size: contain;
391
@if gnome-shell.$version < 3.36 {
393
width: 48px;
394
height: 48px;
395
}
396
}
397
}
398
.polkit-dialog-user-root-label {
400
color: theme-color.$error;
401
}
402
}
403
/* Audio selection dialog */
405
.audio-device-selection-dialog {
406
@if gnome-shell.$version >= 3.36 {
407
.modal-dialog-content-box {
408
margin-bottom: 28px;
409
}
410
} @else {
411
spacing: 30px;
412
.audio-selection-content {
414
spacing: 20px;
415
padding: 24px;
416
}
417
.audio-selection-title {
419
font-weight: bold;
420
text-align: inherit;
421
}
422
}
423
.audio-selection-box {
425
spacing: 20px;
426
}
427
}
428
.audio-selection-device {
430
transition-duration: theme.$state-duration;
431
border: 0;
432
border-radius: theme.$corner-radius;
433
&:focus {
435
background-color: theme-color.focus-overlay(theme-color.$on-surface);
436
}
437
&:hover {
439
background-color: theme-color.hover-overlay(theme-color.$on-surface);
440
}
441
&:active {
443
transition-duration: theme.$ripple-duration;
444
background-color: theme-color.pressed-overlay(theme-color.$on-surface);
445
color: inherit;
446
}
447
}
448
.audio-selection-device-box {
450
padding: 20px;
451
spacing: 20px;
452
}
453
.audio-selection-device-icon {
455
icon-size: 64px;
456
}
457
@if gnome-shell.$version >= 40 {
459
/* Welcome dialog */
460
.welcome-dialog-image {
461
// Reasonable maximum dimensions
462
height: 300px;
463
width: 300px;
464
background-image: url("gnome-shell-start.svg");
465
background-size: contain;
466
}
467
}
468
@if gnome-shell.$version < 3.36 {
470
/* ShellMountOperation Dialogs */
471
.shell-mount-operation-icon {
472
icon-size: 48px;
473
}
474
.mount-dialog-subject {
476
@include typography.headline6;
477
}
478
.mount-dialog {
480
spacing: 24px;
481
.message-dialog-title {
483
max-width: 34em;
484
padding-top: 10px;
485
padding-bottom: 6px;
486
padding-left: 17px;
487
&:rtl {
489
padding-left: 0;
490
padding-right: 17px;
491
}
492
}
493
.message-dialog-body {
495
width: 28em;
496
padding-left: 17px;
497
&:rtl {
499
padding-left: 0;
500
padding-right: 17px;
501
}
502
}
503
}
504
.mount-dialog-app-list {
506
max-height: 200px;
507
padding-top: 24px;
508
padding-left: 48px;
509
padding-right: 32px;
510
&:rtl {
512
padding-right: 48px;
513
padding-left: 32px;
514
}
515
}
516
.mount-dialog-app-list-item {
518
&,
519
&:hover {
520
color: inherit;
521
}
522
&:ltr {
524
padding-right: 1em;
525
}
526
&:rtl {
528
padding-left: 1em;
529
}
530
}
531
.mount-dialog-app-list-item-icon {
533
&:ltr {
534
padding-right: 16px;
535
}
536
&:rtl {
538
padding-left: 16px;
539
}
540
}
541
.mount-dialog-app-list-item-name {
543
font-size: 1em;
544
}
545
/* Access Dialog */
547
.access-dialog {
548
spacing: 30px;
549
}
550
/* Geolocation Dialog */
552
.geolocation-dialog {
553
spacing: 30px;
554
}
555
/* Extension Dialog */
557
.extension-dialog {
558
.message-dialog-main-layout {
559
spacing: 24px;
560
padding: 10px;
561
}
562
.message-dialog-title {
564
color: theme-color.hint(theme-color.$on-surface);
565
font-weight: normal;
566
}
567
}
568
/* Inhibit-Shortcuts Dialog */
570
.inhibit-shortcuts-dialog {
571
spacing: 30px;
572
}
573
/* Network Agent Dialog */
575
.network-dialog-secret-table {
577
spacing-rows: 15px;
578
spacing-columns: 1em;
579
}
580
.keyring-dialog-control-table {
582
spacing-rows: 15px;
583
spacing-columns: 1em;
584
}
585
}
586