浏览代码

Merge pull request #282 from ckeditor/i/6446

Other: Introduced the table cell overlay to improve the rendering of multiple–cell selections and bring compatibility with styled table cells. Closes ckeditor/ckeditor5#6446.
Aleksander Nowodzinski 5 年之前
父节点
当前提交
f87a880b9b
共有 1 个文件被更改,包括 16 次插入5 次删除
  1. 16 5
      packages/ckeditor5-theme-lark/theme/ckeditor5-table/tableselection.css

+ 16 - 5
packages/ckeditor5-theme-lark/theme/ckeditor5-table/tableselection.css

@@ -4,19 +4,31 @@
  */
 
 :root {
-	--ck-table-selected-cell-background: hsl(210, 92%, 90%);
+	--ck-table-selected-cell-background: hsla(208, 90%, 80%, .3);
 }
 
 .ck.ck-editor__editable .table table {
 	& td.ck-editor__editable_selected,
 	& th.ck-editor__editable_selected {
-		background-color: var(--ck-table-selected-cell-background) !important;
-
+		position: relative;
 		caret-color: transparent;
 		outline: unset;
 		box-shadow: unset;
 
-		& ::selection {
+		/* https://github.com/ckeditor/ckeditor5/issues/6446 */
+		&:after {
+			content: '';
+			pointer-events: none;
+			background-color: var(--ck-table-selected-cell-background);
+			position: absolute;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+		}
+
+		& ::selection,
+		&:focus {
 			background-color: transparent;
 		}
 
@@ -25,4 +37,3 @@
 		}
 	}
 }
-