fix: dialog's title shouldn't wrap
Massimo Melina committed
Apr 5, 2023 at 22:01 UTC
d592947720305edf84418de282102bbf99b68f26
1 file changed
+3
-3
frontend/src/dialog.css
+3
-3
@@ -20,6 +20,7 @@
20
overflow: hidden;
21
max-height: calc(100vh - 2em);
22
display: flex;
23
+ flex-direction: column;
24
justify-content: center;
25
}
26
.dialog-icon {
@@ -34,8 +35,7 @@
35
}
36
.dialog-title {
37
font-size: 120%;
37
- position: absolute; /* avoid moving content down */
38
- top: 5px;
38
+ margin-top: -.4em;
39
padding: 0 0.5em; /* avoid reaching margins */
40
}
41
.dialog-closer ~ .dialog-title {
@@ -87,7 +87,7 @@
87
@media (max-width: 42em) {
88
.dialog-icon { font-size: 120% }
89
.dialog-icon ~ .dialog-content { margin-top: 2.5em; } /* account for larger top icons */
90
- .dialog-title { top: 5px; }
90
+ .dialog-title { margin-top: -.2em; }
91
}
92
93
.dialog-prompt label {