Browse Source

Changed placeholder loader markup.

dkonopka 7 years ago
parent
commit
13eaf2d791

+ 6 - 15
packages/ckeditor5-theme-lark/theme/ckeditor5-image/imageuploadloader.css

@@ -4,24 +4,15 @@
  */
 
 :root {
-	--ck-color-upload-placeholder: hsl(0, 0%, 98%);
 	--ck-color-upload-placeholder-loader: hsl(0, 0%, 70%);
 }
 
-.ck .ck-upload-placeholder {
-	background: var(--ck-color-upload-placeholder);
-	
-	& .ck-upload-placeholder_loader {
-		
-		/* Because of border transformation flex is not centering loader properly. */
-		left: calc( var(--ck-upload-placeholder-loader-size) / -2 );
-
-		&::before {
-			border-radius: 50%;
-			border-top: 2px solid var(--ck-color-upload-placeholder-loader);
-			border-right: 2px solid transparent;
-			animation: ck-upload-placeholder-loader 1s linear infinite;
-		}
+.ck .ck-upload-placeholder-loader {
+	&::before {
+		border-radius: 50%;
+		border-top: 2px solid var(--ck-color-upload-placeholder-loader);
+		border-right: 2px solid transparent;
+		animation: ck-upload-placeholder-loader 1s linear infinite;
 	}
 }