From 2ca03da0d300c622553decb091ff8d79b169ef7b Mon Sep 17 00:00:00 2001 From: dkonopka Date: Wed, 31 Jul 2019 13:52:31 +0200 Subject: [PATCH 1/2] Moved `.ck-progress-bar` outside `.ck-content`. --- theme/ckeditor5-image/imageuploadprogress.css | 19 +++++++------------ 1 file changed, 7 insertions(+), 12 deletions(-) diff --git a/theme/ckeditor5-image/imageuploadprogress.css b/theme/ckeditor5-image/imageuploadprogress.css index bee4fe9..e18bff3 100644 --- a/theme/ckeditor5-image/imageuploadprogress.css +++ b/theme/ckeditor5-image/imageuploadprogress.css @@ -3,24 +3,19 @@ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ -/* Infinite progress bar default width. */ -:root { - --ck-image-upload-progress-line-width: 30px; -} - .ck-content .image { /* Showing animation. */ &.ck-appear { animation: fadeIn 700ms; } +} - /* Upload progress bar. */ - & .ck-progress-bar { - height: 2px; - width: 0; - background: var(--ck-color-upload-bar-background); - transition: width 100ms; - } +/* Upload progress bar. */ +.ck .ck-progress-bar { + height: 2px; + width: 0; + background: var(--ck-color-upload-bar-background); + transition: width 100ms; } @keyframes fadeIn { From b60873eb03acbdb962ab5911b627e801f5d5e127 Mon Sep 17 00:00:00 2001 From: dkonopka Date: Wed, 31 Jul 2019 13:53:13 +0200 Subject: [PATCH 2/2] Removed unused --ck-color-upload-infinite-background CSS variable. --- theme/ckeditor5-ui/globals/_colors.css | 1 - 1 file changed, 1 deletion(-) diff --git a/theme/ckeditor5-ui/globals/_colors.css b/theme/ckeditor5-ui/globals/_colors.css index c29de21..0714758 100644 --- a/theme/ckeditor5-ui/globals/_colors.css +++ b/theme/ckeditor5-ui/globals/_colors.css @@ -101,7 +101,6 @@ /* -- Upload -------------------------------------------------------------------------------- */ --ck-color-upload-bar-background: hsl(209, 92%, 70%); - --ck-color-upload-infinite-background: hsla(0, 0%, 0%, 0.1); /* -- Link -------------------------------------------------------------------------------- */