balloonpanel.css 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  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. /* Make sure the balloon arrow does not float over its children. */
  7. --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
  8. }
  9. .ck.ck-balloon-panel {
  10. display: none;
  11. position: absolute;
  12. z-index: var(--ck-z-modal);
  13. &.ck-balloon-panel_with-arrow {
  14. &::before,
  15. &::after {
  16. content: "";
  17. position: absolute;
  18. }
  19. &::before {
  20. z-index: var(--ck-balloon-panel-arrow-z-index);
  21. }
  22. &::after {
  23. z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
  24. }
  25. }
  26. &[class*="arrow_n"] {
  27. &::before {
  28. z-index: var(--ck-balloon-panel-arrow-z-index);
  29. }
  30. &::after {
  31. z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
  32. }
  33. }
  34. &[class*="arrow_s"] {
  35. &::before {
  36. z-index: var(--ck-balloon-panel-arrow-z-index);
  37. }
  38. &::after {
  39. z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
  40. }
  41. }
  42. &.ck-balloon-panel_visible {
  43. display: block;
  44. }
  45. }