瀏覽代碼

Added styles related to table editing.

Aleksander Nowodzinski 7 年之前
父節點
當前提交
aa8442b000
共有 1 個文件被更改,包括 22 次插入0 次删除
  1. 22 0
      packages/ckeditor5-theme-lark/theme/ckeditor5-table/tableediting.css

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

@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+:root {
+	--ck-color-table-focused-cell-background: hsl(208, 90%, 98%);
+}
+
+.ck table.ck-widget {
+	& td,
+	& th {
+		&.ck-editor__nested-editable.ck-editor__nested-editable_focused {
+			/* A very slight background to highlight the focused cell */
+			background: var(--ck-color-table-focused-cell-background);
+
+			/* Fixes the problem where surrounding cells cover the focused cell's border.
+			It does not fix the problem in all places but the UX is improved. */
+			border-style: double;
+		}
+	}
+}