fix: frontend: inconsistent focus on inputs
Massimo Melina committed
Mar 3, 2022 at 23:27 UTC
0a37f12ed554fbc6e79ceea40e20dee0c6643b90
1 file changed
+9
frontend/src/index.scss
+9
@@ -87,6 +87,12 @@ button, .breadcrumb { /* consistent focus color */
87
outline: 3px solid var(--focus-color);
88
}
89
}
90
+input, select {
91
+ &:focus-visible {
92
+ outline: 1px solid var(--focus-color);
93
+ border: 2px solid var(--focus-color);
94
+ }
95
+}
96
97
.error-msg {
98
background-color: #faa;
@@ -218,6 +224,9 @@ button label {
224
font-size: 5em;
225
animation: 1s fade-in;
226
}
227
+.dialog-content {
228
+ padding: .2em; /* give space for focus outline */
229
+}
230
231
#paging {
232
display: flex;