From 67c127347cd2326bb532d525911298af6879e583 Mon Sep 17 00:00:00 2001 From: Aleksander Nowodzinski Date: Tue, 8 Oct 2019 17:24:18 +0200 Subject: [PATCH] Aligned widget class names to the refactoring in ckeditor5-widget (see ckeditor/ckeditor5-widget#99). --- theme/ckeditor5-widget/widget.css | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/theme/ckeditor5-widget/widget.css b/theme/ckeditor5-widget/widget.css index 7e08119..a7ddcc8 100644 --- a/theme/ckeditor5-widget/widget.css +++ b/theme/ckeditor5-widget/widget.css @@ -48,8 +48,8 @@ } } -.ck-editor__editable > .ck-widget.ck-widget_with-selection-handler:first-child, -.ck-editor__editable blockquote > .ck-widget.ck-widget_with-selection-handler:first-child { +.ck-editor__editable > .ck-widget.ck-widget_with-selection-handle:first-child, +.ck-editor__editable blockquote > .ck-widget.ck-widget_with-selection-handle:first-child { /* Do not crop selection handler if a widget is a first-child in the blockquote or in the root editable. In fact, anything with overflow: hidden. https://github.com/ckeditor/ckeditor5-block-quote/issues/28 @@ -58,8 +58,8 @@ margin-top: calc(1em + var(--ck-widget-handler-icon-size)); } -.ck .ck-widget.ck-widget_with-selection-handler { - & .ck-widget__selection-handler { +.ck .ck-widget.ck-widget_with-selection-handle { + & .ck-widget__selection-handle { padding: 4px; box-sizing: border-box; @@ -107,7 +107,7 @@ /* Show the selection handler when the widget is selected. */ &.ck-widget_selected, &.ck-widget_selected:hover { - & .ck-widget__selection-handler { + & .ck-widget__selection-handle { opacity: 1; background-color: var(--ck-color-focus-border); @@ -119,14 +119,14 @@ } /* Show the selection handler on mouse hover over the widget. */ - &:hover .ck-widget__selection-handler { + &:hover .ck-widget__selection-handle { opacity: 1; background-color: var(--ck-color-widget-hover-border); } } /* In a RTL environment, align the selection handler to the right side of the widget */ -.ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handler .ck-widget__selection-handler { +.ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { left: auto; right: calc(0px - var(--ck-widget-outline-thickness)); } @@ -137,8 +137,8 @@ &.ck-widget_selected:hover { outline-color: var(--ck-color-widget-blurred-border); - & .ck-widget__selection-handler, - & .ck-widget__selection-handler:hover { + & .ck-widget__selection-handle, + & .ck-widget__selection-handle:hover { background: var(--ck-color-widget-blurred-border); } }