8
0

tableediting.css 1.2 KB

1234567891011121314151617181920212223242526272829303132
  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. .ck-widget.table {
  6. & .ck-editor__nested-editable.ck-editor__nested-editable_focused,
  7. & .ck-editor__nested-editable:focus {
  8. background: inherit;
  9. /* Fixes the problem where surrounding cells cover the focused cell's border.
  10. It does not fix the problem in all places but the UX is improved.
  11. See https://github.com/ckeditor/ckeditor5-table/issues/29. */
  12. border-style: none;
  13. outline: 1px solid var(--ck-color-focus-border);
  14. outline-offset: -1px; /* progressive enhancement - no IE support */
  15. }
  16. & th {
  17. &.ck-editor__nested-editable.ck-editor__nested-editable_focused,
  18. &.ck-editor__nested-editable:focus {
  19. /* We can't just set `inherit` here as well, because we use `hsla` as an "overlay"
  20. to darken the background based on the set table background.
  21. The value should be the same as for the table header element without focus.
  22. See related issue https://github.com/ckeditor/ckeditor5/issues/6228.
  23. This is also a workaround for overriding the styling that comes from the `widget`. */
  24. background: hsla(0, 0%, 0%, 10%);
  25. }
  26. }
  27. }