|
|
@@ -14,6 +14,7 @@
|
|
|
.ck-image-upload-finish {
|
|
|
display: block;
|
|
|
position: absolute;
|
|
|
+ opacity: 0;
|
|
|
top: 10px;
|
|
|
right: 10px;
|
|
|
width: var(--ck-upload-icon-size);
|
|
|
@@ -21,15 +22,19 @@
|
|
|
border-radius: 50%;
|
|
|
background: var(--ck-color-upload-icon-background);
|
|
|
animation-name: ck-fade-in, ck-fade-out;
|
|
|
+ animation-fill-mode: forwards, forwards;
|
|
|
animation-duration: 500ms, 500ms;
|
|
|
|
|
|
/* Hide completed upload icon after 3 seconds. */
|
|
|
- animation-delay: 0, 3000ms;
|
|
|
+ animation-delay: 0ms, 3000ms;
|
|
|
|
|
|
/* This is check icon element made from border-width mixed with animations. */
|
|
|
&::after {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
+ opacity: 0;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
top: 50%;
|
|
|
|
|
|
/* Because of border transformation we need to "hard code" left position. */
|