8
0

tableediting.css 1.1 KB

123456789101112131415161718192021222324252627282930313233
  1. /*
  2. * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. :root {
  6. --ck-color-table-focused-cell-background: hsl(208, 90%, 98%);
  7. }
  8. .ck-widget.table {
  9. & td,
  10. & th {
  11. &.ck-editor__nested-editable.ck-editor__nested-editable_focused {
  12. /* A very slight background to highlight the focused cell */
  13. background: var(--ck-color-table-focused-cell-background);
  14. /* Fixes the problem where surrounding cells cover the focused cell's border.
  15. It does not fix the problem in all places but the UX is improved.
  16. See https://github.com/ckeditor/ckeditor5-table/issues/29. */
  17. border-style: none;
  18. outline: 1px solid var(--ck-color-focus-border);
  19. outline-offset: -1px; /* progressive enhancement - no IE support */
  20. }
  21. }
  22. }
  23. .ck-editor__editable > .table:first-child,
  24. .ck-editor__editable blockquote > .table:first-child {
  25. /* `16px` = var(--ck-widget-handler-icon-size) - table selection handler height.
  26. https://github.com/ckeditor/ckeditor5-block-quote/issues/28
  27. https://github.com/ckeditor/ckeditor5-widget/issues/44 */
  28. margin-top: calc(1em + var(--ck-widget-handler-icon-size) );
  29. }