MirrorHub/gitea
0
0
Fork 0
mirror of https://github.com/go-gitea/gitea synced 2024-11-21 18:13:06 +01:00
Code Issues Releases Wiki Activity

prefix the animation names

Browse source
This commit is contained in:
silverwind 2024-11-12 20:15:13 +01:00
parent 3e6caec7bb
commit 41da93060c
No known key found for this signature in database
GPG key ID: 2E62B41C93869443
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
web_src/css/features/dropzone.css
View file

@ -1,15 +1,15 @@
@keyframes passing-through { @keyframes dz-passing-through {
0% { opacity: 0; transform: translateY(40px); } 0% { opacity: 0; transform: translateY(40px); }
30%, 70% { opacity: 1; transform: translateY(0); } 30%, 70% { opacity: 1; transform: translateY(0); }
100% { opacity: 0; transform: translateY(-40px); } 100% { opacity: 0; transform: translateY(-40px); }
} }
@keyframes slide-in { @keyframes dz-slide-in {
0% { opacity: 0; transform: translateY(40px); } 0% { opacity: 0; transform: translateY(40px); }
30% { opacity: 1; transform: translateY(0); } 30% { opacity: 1; transform: translateY(0); }
} }
@keyframes pulse { @keyframes dz-pulse {
0% { transform: scale(1); } 0% { transform: scale(1); }
10% { transform: scale(1.1); } 10% { transform: scale(1.1); }
20% { transform: scale(1); } 20% { transform: scale(1); }
@ -152,12 +152,12 @@
} }
.dropzone .dz-preview.dz-success .dz-success-mark { .dropzone .dz-preview.dz-success .dz-success-mark {
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: dz-passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
} }
.dropzone .dz-preview.dz-error .dz-error-mark { .dropzone .dz-preview.dz-error .dz-error-mark {
opacity: 1; opacity: 1;
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: dz-slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
} }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-success-mark,
@ -193,7 +193,7 @@
} }
.dropzone .dz-preview:not(.dz-processing) .dz-progress { .dropzone .dz-preview:not(.dz-processing) .dz-progress {
animation: pulse 6s ease infinite; animation: dz-pulse 6s ease infinite;
} }
.dropzone .dz-preview .dz-progress { .dropzone .dz-preview .dz-progress {