瀏覽代碼

Renamed .ck-selection-handler to .ck-widget__selection-handler (BEM).

Aleksander Nowodzinski 7 年之前
父節點
當前提交
ee7dae502c

+ 1 - 1
packages/ckeditor5-widget/src/utils.js

@@ -185,7 +185,7 @@ function getFillerOffset() {
 // @param {module:engine/view/editableelement~EditableElement}
 // @param {module:engine/view/writer~Writer} writer
 function hasSelectionHandler( editable, writer ) {
-	const selectionHandler = writer.createUIElement( 'div', { class: 'ck ck-selection-handler' }, function( domDocument ) {
+	const selectionHandler = writer.createUIElement( 'div', { class: 'ck ck-widget__selection-handler' }, function( domDocument ) {
 		const domElement = this.toDomElement( domDocument );
 
 		// Use the IconView from the ui library.

+ 1 - 1
packages/ckeditor5-widget/tests/utils.js

@@ -102,7 +102,7 @@ describe( 'widget utils', () => {
 			const domSelectionHandler = selectionHandler.render( document );
 
 			expect( domSelectionHandler.classList.contains( 'ck' ) ).to.be.true;
-			expect( domSelectionHandler.classList.contains( 'ck-selection-handler' ) ).to.be.true;
+			expect( domSelectionHandler.classList.contains( 'ck-widget__selection-handler' ) ).to.be.true;
 
 			const icon = domSelectionHandler.firstChild;
 

+ 3 - 3
packages/ckeditor5-widget/theme/widget.css

@@ -7,7 +7,7 @@
 	/* Make the widget wrapper a relative positioning container for the drag handler. */
 	position: relative;
 
-	& .ck-selection-handler {
+	& .ck-widget__selection-handler {
 		visibility: hidden;
 		position: absolute;
 
@@ -20,14 +20,14 @@
 
 	/* Show the selection handler on mouse hover over the widget. */
 	&:hover {
-		& .ck-selection-handler {
+		& .ck-widget__selection-handler {
 			visibility: visible;
 		}
 	}
 
 	/* Show the selection handler when the widget is selected. */
 	&.ck-widget_selected {
-		& .ck-selection-handler {
+		& .ck-widget__selection-handler {
 			visibility: visible;
 		}
 	}