Skip to content

Commit 13e1ed7

Browse files
committed
styling: add configurable loading spinner size
1 parent f1021e6 commit 13e1ed7

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

src/autocomplete/autocomplete.css

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,7 @@
3333
rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
3434

3535
--loading-color: var(--gray-500);
36+
--loading-size: 31px;
3637

3738
--results-spacing: 10px;
3839
--results-bg: #fff;
@@ -94,9 +95,9 @@
9495
.loading {
9596
position: absolute;
9697
right: 12px;
97-
top: 7px;
98-
width: 31px;
99-
height: 31px;
98+
top: calc((var(--input-height) - var(--loading-size)) / 2);
99+
width: var(--loading-size);
100+
height: var(--loading-size);
100101
stroke: var(--loading-color);
101102
}
102103

0 commit comments

Comments
 (0)