Jelajahi Sumber

Renamed CSS classes in order to match the code style guide.

Kamil Piechaczek 5 tahun lalu
induk
melakukan
f2e723bbcb

+ 3 - 3
packages/ckeditor5-html-embed/src/htmlembedediting.js

@@ -20,7 +20,7 @@ import eyeIcon from '../theme/icons/eye.svg';
 
 import '../theme/htmlembed.css';
 
-const DISPLAY_PREVIEW_CLASS = 'raw-html--display-preview';
+const DISPLAY_PREVIEW_CLASS = 'raw-html_preview_visible';
 
 /**
  * The HTML embed editing feature.
@@ -160,7 +160,7 @@ export default class HtmlEmbedEditing extends Plugin {
 				} );
 
 				const buttonAttributes = {
-					class: 'ck ck-button ck-on raw-html__switch-mode'
+					class: 'ck ck-button ck-on raw-html__mode-toggle-button'
 				};
 
 				// The switch button between preview and editing HTML.
@@ -201,7 +201,7 @@ export default class HtmlEmbedEditing extends Plugin {
 
 				// The container that renders the HTML should be created only when `htmlEmbed.showPreviews=true` in the config.
 				if ( htmlEmbedConfig.showPreviews ) {
-					writer.addClass( [ 'raw-html--preview-enabled', DISPLAY_PREVIEW_CLASS ], widgetView );
+					writer.addClass( [ 'raw-html_preview_enabled', DISPLAY_PREVIEW_CLASS ], widgetView );
 
 					const previewContainer = writer.createRawElement( 'div', { class: 'raw-html__preview' }, function( domElement ) {
 						writer.setCustomProperty( 'domElement', domElement, previewContainer );

+ 5 - 5
packages/ckeditor5-html-embed/tests/htmlembedediting.js

@@ -247,7 +247,7 @@ describe( 'HtmlEmbedEditing', () => {
 
 				const widget = viewDocument.getRoot().getChild( 0 );
 
-				expect( widget.hasClass( 'raw-html--preview-enabled' ) ).to.equal( false );
+				expect( widget.hasClass( 'raw-html_preview_enabled' ) ).to.equal( false );
 			} );
 
 			it( 'should render the toggle button and edit source elements', () => {
@@ -474,7 +474,7 @@ describe( 'HtmlEmbedEditing', () => {
 
 				const widget = viewDocument.getRoot().getChild( 0 );
 
-				expect( widget.hasClass( 'raw-html--preview-enabled' ) ).to.equal( true );
+				expect( widget.hasClass( 'raw-html_preview_enabled' ) ).to.equal( true );
 			} );
 
 			it( 'should render the toggle button, edit source and preview container elements', () => {
@@ -526,7 +526,7 @@ describe( 'HtmlEmbedEditing', () => {
 
 				const widget = viewDocument.getRoot().getChild( 0 );
 
-				expect( widget.hasClass( 'raw-html--display-preview' ) ).to.equal( true );
+				expect( widget.hasClass( 'raw-html_preview_visible' ) ).to.equal( true );
 
 				const viewHtmlContainer = widget.getChild( 0 );
 				const sourceElement = viewHtmlContainer.getChild( 1 );
@@ -603,7 +603,7 @@ describe( 'HtmlEmbedEditing', () => {
 
 				expect( sourceElement.getCustomProperty( 'domElement' ).disabled ).to.equal( false );
 
-				expect( widget.hasClass( 'raw-html--display-preview' ) ).to.equal( false );
+				expect( widget.hasClass( 'raw-html_preview_visible' ) ).to.equal( false );
 			} );
 
 			it( 'should display preview element after clicking the toggle button when displaying edit source mode', () => {
@@ -620,7 +620,7 @@ describe( 'HtmlEmbedEditing', () => {
 				// Switch to preview mode.
 				toggleButton.click();
 
-				expect( widget.hasClass( 'raw-html--display-preview' ) ).to.equal( true );
+				expect( widget.hasClass( 'raw-html_preview_visible' ) ).to.equal( true );
 				expect( viewHtmlContainer.getChild( 1 ).getCustomProperty( 'domElement' ).disabled ).to.equal( true );
 			} );
 		} );

File diff ditekan karena terlalu besar
+ 3 - 3
packages/ckeditor5-theme-lark/theme/ckeditor5-html-embed/htmlembed.css


Beberapa file tidak ditampilkan karena terlalu banyak file yang berubah dalam diff ini