Skip to content
This repository has been archived by the owner on Jun 26, 2020. It is now read-only.

Commit

Permalink
Moved visual styles of finished upload icon to ckeditor5-theme-lark.
Browse files Browse the repository at this point in the history
  • Loading branch information
Damian Konopka committed May 15, 2018
1 parent 9ebec50 commit 9d34589
Showing 1 changed file with 1 addition and 52 deletions.
53 changes: 1 addition & 52 deletions theme/imageuploadicon.css
Original file line number Diff line number Diff line change
Expand Up @@ -3,66 +3,15 @@
* For licensing, see LICENSE.md.
*/

:root {
--ck-image-upload-icon-size: 1.25em;
--ck-image-upload-icon-width: 2px;

--ck-color-image-upload-icon: hsl(0, 0%, 100%);
--ck-color-image-upload-icon-background: hsl(120, 100%, 27%);
}

.ck-image-upload-complete-icon {
display: block;
position: absolute;
opacity: 0;
top: 10px;
right: 10px;
width: var(--ck-image-upload-icon-size);
height: var(--ck-image-upload-icon-size);
border-radius: 50%;
background: var(--ck-color-image-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: 0ms, 3000ms;

/* This is check icon element made from border-width mixed with animations. */
&::after {
content: '';
content: "";
position: absolute;
opacity: 1;
height: calc( var(--ck-image-upload-icon-size) / 3 );
width: calc( var(--ck-image-upload-icon-size) / 5 );
top: 50%;

/* Because of border transformation we need to "hard code" left position. */
left: calc( var(--ck-image-upload-icon-size) / 4 );

transform: scaleX(-1) rotate(135deg);
transform-origin: left top;
border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);

}
}
@keyframes ck-fade-in {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes ck-fade-out {
from {
opacity: 1;
}

to {
opacity: 0;
}
}

0 comments on commit 9d34589

Please sign in to comment.