8
0
Просмотр исходного кода

Rename css classes for color input

panr 6 лет назад
Родитель
Сommit
f18c2cd68b

+ 4 - 4
packages/ckeditor5-table/src/ui/colorinputview.js

@@ -149,7 +149,7 @@ export default class ColorInputView extends View {
 			attributes: {
 				class: [
 					'ck',
-					'ck-dropdown__color-picker-preview'
+					'ck-input-color__button__preview'
 				],
 				style: {
 					backgroundColor: bind.to( 'value' )
@@ -160,7 +160,7 @@ export default class ColorInputView extends View {
 				attributes: {
 					class: [
 						'ck',
-						'ck-dropdown__color-picker-preview--no-color',
+						'ck-input-color__button__preview__no-color-indicator',
 						bind.if( 'value', 'ck-hidden', value => value != '' )
 					]
 				}
@@ -169,7 +169,7 @@ export default class ColorInputView extends View {
 
 		dropdown.buttonView.extendTemplate( {
 			attributes: {
-				class: 'ck-dropdown__color-picker-button'
+				class: 'ck-input-color__button'
 			},
 		} );
 
@@ -215,7 +215,7 @@ export default class ColorInputView extends View {
 		const t = locale.t;
 		const removeColorButton = new ButtonView( locale );
 
-		removeColorButton.class = 'ck-dropdown__color-picker-remove-color';
+		removeColorButton.class = 'ck-input-color__remove-color';
 		removeColorButton.withText = true;
 		removeColorButton.icon = removeButtonIcon;
 		removeColorButton.label = t( 'Remove color' );

+ 3 - 3
packages/ckeditor5-table/tests/ui/colorinputview.js

@@ -72,7 +72,7 @@ describe( 'ColorInputView', () => {
 		describe( 'dropdown', () => {
 			it( 'should be created', () => {
 				expect( view._dropdownView ).to.be.instanceOf( DropdownView );
-				expect( view._dropdownView.buttonView.element.classList.contains( 'ck-dropdown__color-picker-button' ) ).to.be.true;
+				expect( view._dropdownView.buttonView.element.classList.contains( 'ck-input-color__button' ) ).to.be.true;
 				expect( view._dropdownView.panelPosition ).to.equal( 'sw' );
 			} );
 
@@ -88,7 +88,7 @@ describe( 'ColorInputView', () => {
 				const preview = view._dropdownView.buttonView.children.first;
 
 				expect( preview.element.classList.contains( 'ck' ) ).to.be.true;
-				expect( preview.element.classList.contains( 'ck-dropdown__color-picker-preview' ) ).to.be.true;
+				expect( preview.element.classList.contains( 'ck-input-color__button__preview' ) ).to.be.true;
 			} );
 
 			it( 'should display no-color preview when color is not set', () => {
@@ -149,7 +149,7 @@ describe( 'ColorInputView', () => {
 
 		describe( 'remove color button', () => {
 			it( 'should be created from the template', () => {
-				expect( removeColorButton.element.classList.contains( 'ck-dropdown__color-picker-remove-color' ) ).to.be.true;
+				expect( removeColorButton.element.classList.contains( 'ck-input-color__remove-color' ) ).to.be.true;
 				expect( removeColorButton.withText ).to.be.true;
 				expect( removeColorButton.label ).to.equal( 'Remove color' );
 			} );

+ 1 - 1
packages/ckeditor5-table/theme/colorinput.css

@@ -21,7 +21,7 @@
 		min-width: auto;
 
 		/* This dropdown has no arrow but a color preview instead. */
-		& > .ck-dropdown__color-picker-button .ck-dropdown__arrow {
+		& > .ck-input-color__button .ck-dropdown__arrow {
 			display: none;
 		}
 	}