Преглед изворни кода

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;
+		}
+	}
+}