Kaynağa Gözat

Fix: Disabled buttons should have a different look. Closes #98.

Aleksander Nowodzinski 8 yıl önce
ebeveyn
işleme
d045ce30b2

+ 11 - 0
packages/ckeditor5-theme-lark/theme/components/button.scss

@@ -32,6 +32,12 @@
 			box-shadow: inset 0 2px 2px ck-color( $color, $offset - 25 );
 		}
 	}
+
+	// https://github.com/ckeditor/ckeditor5-theme-lark/issues/98
+	&.ck-disabled {
+		background: ck-color( $color, $offset + 10 );
+		border-color: ck-border-color( $color, $offset + 10 );
+	}
 }
 
 /**
@@ -71,6 +77,11 @@ a.ck-button {
 		@include ck-button-icon {
 			@include ck-disabled;
 		}
+
+		// https://github.com/ckeditor/ckeditor5-theme-lark/issues/98
+		.ck-button__label {
+			@include ck-disabled;
+		}
 	}
 
 	&.ck-button_with-text {

+ 2 - 6
packages/ckeditor5-theme-lark/theme/components/dropdown.scss

@@ -15,12 +15,8 @@
 		padding-right: 2 * ck-spacing();
 
 		// https://github.com/ckeditor/ckeditor5-theme-lark/issues/70
-		&.ck-disabled {
-			@include ck-button-colors( 'background', 10 );
-
-			.ck-button__label {
-				@include ck-disabled;
-			}
+		&.ck-disabled .ck-button__label {
+			@include ck-disabled;
 		}
 
 		// #23