Kaynağa Gözat

Merge pull request #215 from ckeditor/t/ckeditor5-widget/66

Internal: Renamed the .ck-widget_selectable class to .ck-widget_with-selection-handler for better semantics. Made the selection handler crop fix introduced in #214 generic for all widgets (see ckeditor/ckeditor5-widget#66).
Damian Konopka 7 yıl önce
ebeveyn
işleme
8fc551ae85

+ 0 - 8
packages/ckeditor5-theme-lark/theme/ckeditor5-table/tableediting.css

@@ -23,11 +23,3 @@
 		}
 	}
 }
-
-.ck-editor__editable > .table:first-child,
-.ck-editor__editable blockquote > .table:first-child {
-	/* Do not truncate selection handler if table is a first-child in the blockquote or content.
-	https://github.com/ckeditor/ckeditor5-block-quote/issues/28
-	https://github.com/ckeditor/ckeditor5-widget/issues/44 */
-	margin-top: calc(1em + var(--ck-widget-handler-icon-size));
-}

+ 11 - 1
packages/ckeditor5-theme-lark/theme/ckeditor5-widget/widget.css

@@ -48,7 +48,17 @@
 	}
 }
 
-.ck .ck-widget.ck-widget_selectable {
+.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 {
+	/* 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
+	https://github.com/ckeditor/ckeditor5-widget/issues/44
+	https://github.com/ckeditor/ckeditor5-widget/issues/66 */
+	margin-top: calc(1em + var(--ck-widget-handler-icon-size));
+}
+
+.ck .ck-widget.ck-widget_with-selection-handler {
 	& .ck-widget__selection-handler {
 		padding: 4px;
 		box-sizing: border-box;