1/* Modal Dialogs */
2
3.headline {
4  @include fontsize($base_font_size + 1);
5}
6
7.modal-dialog {
8  border-radius: $modal_radius;
9  @extend %bubble_panel;
10
11  .modal-dialog-content-box {
12    margin: 32px 40px;
13    spacing: 32px;
14    max-width: 28em;
15  }
16
17  .modal-dialog-linked-button {
18    @extend %bubble_button;
19  }
20}
21
22/* End Session Dialog */
23.end-session-dialog {
24  width: 30em;
25
26  .end-session-dialog-battery-warning,
27  .dialog-list-title {
28    color: $warning_color;
29  }
30}
31
32/* Message Dialog */
33.message-dialog-content {
34  spacing: 18px;
35
36  .message-dialog-title {
37    text-align: center;
38    font-size: 18pt;
39    font-weight: 800;
40
41    &.lightweight {
42      font-size: 13pt;
43      font-weight: 800;
44    }
45  }
46  .message-dialog-description { text-align: center; }
47}
48
49/* Dialog List */
50.dialog-list {
51  spacing: 18px;
52
53  .dialog-list-title {
54    text-align: center;
55    font-weight: bold;
56  }
57
58  .dialog-list-scrollview { max-height: 200px; }
59  .dialog-list-box {
60    spacing: 1em;
61
62    .dialog-list-item {
63      spacing: 1em;
64
65      .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
74/* 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
88/* Password or Authentication Dialog */
89
90.prompt-dialog {
91  width: 28em;
92
93  .modal-dialog-content-box {
94    margin-bottom: 24px;
95  }
96}
97
98.prompt-dialog-password-grid {
99  spacing-rows: 8px;
100  spacing-columns: 4px;
101
102  .prompt-dialog-password-entry {
103    width: auto;
104
105    // 4px (spacing) + 16px (spinner-width)
106    &:ltr { margin-left: 20px; }
107    &:rtl { margin-right: 20px; }
108  }
109}
110
111.prompt-dialog-password-layout {
112  spacing: 8px;
113}
114
115.prompt-dialog-password-entry {
116  width: 20em;
117}
118
119.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
126.prompt-dialog-error-label {
127  color: $warning_color;
128}
129
130
131/* Polkit Dialog */
132
133.polkit-dialog-user-layout {
134  text-align: center;
135  spacing: 8px;
136  margin-bottom: 6px;
137
138  .polkit-dialog-user-root-label { color: $warning_color; }
139}
140
141/* Audio selection dialog */
142.audio-device-selection-dialog {
143  .modal-dialog-content-box { margin-bottom: 28px; }
144  .audio-selection-box { spacing: 20px; }
145}
146
147.audio-selection-device {
148  border: 1px solid $bubble_borders_color;
149  border-radius: 12px;
150  &:hover,&:focus { background-color: $hover_bg_color; }
151  &:active {
152    background-color: $selected_bg_color;
153    color: $selected_fg_color;
154  }
155}
156
157.audio-selection-device-box {
158  padding: 20px;
159  spacing: 20px;
160}
161
162.audio-selection-device-icon {
163  icon-size: $base_icon_size * 4;
164}
165
166/* Welcome dialog */
167.welcome-dialog-image {
168  background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
169  background-size: contain;
170  /* Reasonable maximum dimensions */
171  height: 300px;
172  width: 300px;
173}
174