bugfix (CSS): add visual selection of multiple cells in table in ckeditor

dasoe · dasoe · commit 5a62c11f0f63 · 2025-06-21T13:05:27.000+02:00
diff --git a/packages/neos-ui-ckeditor5-bindings/src/EditorToolbar/TableStyles.vanilla-css b/packages/neos-ui-ckeditor5-bindings/src/EditorToolbar/TableStyles.vanilla-css
@@ -136,6 +136,11 @@
 .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected .ck-widget__selection-handle,.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected .ck-widget__selection-handle:hover,.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover .ck-widget__selection-handle,.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover .ck-widget__selection-handle:hover{
     background:var(--ck-color-widget-blurred-border)
 }
+.ck-editor__editable.ck-editor__nested-editable.ck-editor__editable_selected,
+.ck-editor__editable.ck-editor__nested-editable.ck-editor__nested-editable-focus {
+	border: 2px solid var(--ck-color-focus-border);
+	background-color: var(--ck-color-table-focused-cell-background);
+}
 :root{
     --ck-color-table-focused-cell-background:#f5fafe
 }

Original file line number	Diff line number	Diff line change
`@@ -136,6 +136,11 @@`
`136`	`136`	`.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected .ck-widget__selection-handle,.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected .ck-widget__selection-handle:hover,.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover .ck-widget__selection-handle,.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover .ck-widget__selection-handle:hover{`
`137`	`137`	`background:var(--ck-color-widget-blurred-border)`
`138`	`138`	`}`
	`139`	`+.ck-editor__editable.ck-editor__nested-editable.ck-editor__editable_selected,`
	`140`	`+.ck-editor__editable.ck-editor__nested-editable.ck-editor__nested-editable-focus {`
	`141`	`+ border: 2px solid var(--ck-color-focus-border);`
	`142`	`+ background-color: var(--ck-color-table-focused-cell-background);`
	`143`	`+}`
`139`	`144`	`:root{`
`140`	`145`	`--ck-color-table-focused-cell-background:#f5fafe`
`141`	`146`	`}`