Review spinner
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user