8
0

tableediting.css 887 B

1234567891011121314151617181920212223242526
  1. /*
  2. * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. :root {
  6. --ck-color-table-focused-cell-background: hsla(208, 90%, 80%, .3);
  7. }
  8. .ck-widget.table {
  9. & td,
  10. & th {
  11. &.ck-editor__nested-editable.ck-editor__nested-editable_focused,
  12. &.ck-editor__nested-editable:focus {
  13. /* A very slight background to highlight the focused cell */
  14. background: var(--ck-color-table-focused-cell-background);
  15. /* Fixes the problem where surrounding cells cover the focused cell's border.
  16. It does not fix the problem in all places but the UX is improved.
  17. See https://github.com/ckeditor/ckeditor5-table/issues/29. */
  18. border-style: none;
  19. outline: 1px solid var(--ck-color-focus-border);
  20. outline-offset: -1px; /* progressive enhancement - no IE support */
  21. }
  22. }
  23. }