Review spinner

This commit is contained in:
Ian Gulliver
2026-10-15 20:42:21 -07:00
parent 189681fe47
commit 2f02f5ac3c
+13
View File
@@ -974,8 +974,21 @@ button.compact.danger {
}
.snap-row button .review-mark.spinner {
--frames: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='5'%3E%3Cg%3E%3Ccircle cx='4' cy='1' r='1'/%3E%3Ccircle cx='4' cy='4' r='1'/%3E%3Ccircle cx='1' cy='4' r='1'/%3E%3Ccircle cx='6' cy='1' r='1'/%3E%3Ccircle cx='9' cy='4' r='1'/%3E%3Ccircle cx='6' cy='4' r='1'/%3E%3Ccircle cx='11' cy='1' r='1'/%3E%3Ccircle cx='14' cy='1' r='1'/%3E%3Ccircle cx='11' cy='4' r='1'/%3E%3Ccircle cx='16' cy='1' r='1'/%3E%3Ccircle cx='19' cy='1' r='1'/%3E%3Ccircle cx='19' cy='4' r='1'/%3E%3C/g%3E%3C/svg%3E");
top: -4px;
height: 5px;
margin: 0;
background: var(--muted);
-webkit-mask: var(--frames) 0 0 / 20px 5px no-repeat;
mask: var(--frames) 0 0 / 20px 5px no-repeat;
animation: square 0.6s steps(4) infinite;
}
@keyframes square {
to {
-webkit-mask-position: -20px 0;
mask-position: -20px 0;
}
}
.snap-row button .review-mark.clean,