ux: upload: seek attention on the "send" button, as people may think files are already queued
Massimo Melina committed
Jul 18, 2025 at 18:59 UTC
1b58103b10697b6efe01b68d02be24ad66e76e46
1 file changed
+9
frontend/src/index.scss
+9
@@ -207,6 +207,8 @@ kbd {
207
box-shadow: 0 0 .3em .3em var(--warning);
208
}
209
210
+.upload-send { @extend .ani-attention }
211
+
212
.sliding {
213
transition: flex .5s, flex-basis 0.5s ease, opacity 0.5s ease;
214
overflow: hidden !important;
@@ -226,6 +228,13 @@ kbd {
228
0% {opacity: 0}
229
100% {opacity: 1}
230
}
231
+.ani-attention { animation: attention 2s ease infinite; }
232
+@keyframes attention {
233
+ 3% { transform: rotate(2deg); }
234
+ 6% { transform: rotate(-2deg); }
235
+ 9% { transform: rotate(0); }
236
+}
237
+
238
239
.spinner, .icon.spinner:before {
240
animation: 1.5s spin infinite linear;