Преглед на файлове

Created a dropdown triangle style for disabled dropdowns.

Aleksander Nowodzinski преди 8 години
родител
ревизия
0b722f6c51

+ 4 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/dropdown.css

@@ -19,6 +19,10 @@
 		right: var(--ck-spacing-standard);
 	}
 
+	&.ck-disabled::after {
+		border-color: var(--ck-color-dropdown-symbol-disabled) transparent;
+	}
+
 	& .ck-button.ck-dropdown__button {
 		/* A space to accommodate the triangle. */
 		padding-right: calc(2.5 * var(--ck-spacing-standard));

+ 1 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/globals/_colors.css

@@ -59,6 +59,7 @@
 	--ck-color-dropdown-panel-background: 						var(--ck-color-base-background);
 	--ck-color-dropdown-panel-border: 							var(--ck-color-base-border);
 	--ck-color-dropdown-symbol: 								hsl(0, 0%, 30%);
+	--ck-color-dropdown-symbol-disabled: 						hsl(0, 0%, 50%);
 
 	/* -- Input --------------------------------------------------------------------------------- */