Procházet zdrojové kódy

Enlarged upload loader spinner.

Damian Konopka před 7 roky
rodič
revize
da1bd64ff3

+ 2 - 2
packages/ckeditor5-theme-lark/theme/ckeditor5-image/imageuploadloader.css

@@ -5,7 +5,7 @@
 
 :root {
 	--ck-color-upload-placeholder-loader: hsl(0, 0%, 70%);
-	--ck-upload-placeholder-loader-size: 24px;
+	--ck-upload-placeholder-loader-size: 32px;
 }
 
 .ck .ck-upload-placeholder-loader {
@@ -16,7 +16,7 @@
 		width: var(--ck-upload-placeholder-loader-size);
 		height: var(--ck-upload-placeholder-loader-size);
 		border-radius: 50%;
-		border-top: 2px solid var(--ck-color-upload-placeholder-loader);
+		border-top: 3px solid var(--ck-color-upload-placeholder-loader);
 		border-right: 2px solid transparent;
 		animation: ck-upload-placeholder-loader 1s linear infinite;
 	}

+ 1 - 15
packages/ckeditor5-theme-lark/theme/ckeditor5-image/imageuploadprogress.css

@@ -13,6 +13,7 @@
 	&.ck-appear {
 		animation: fadeIn 700ms;
 	}
+
 	/* Upload progress bar. */
 	& .ck-progress-bar {
 		height: 2px;
@@ -26,18 +27,3 @@
 	from { opacity: 0; }
 	to   { opacity: 1; }
 }
-
-@keyframes readingProgressAnimation {
-	0% {
-		width: var(--ck-image-upload-progress-line-width);
-		right: 0;
-	}
-
-	50% {
-		width: calc(var(--ck-image-upload-progress-line-width) * 1.5);
-	}
-
-	100% {
-		right: 100%;
-	}
-}