dropdown.css 815 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. /*
  2. * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. .ck-dropdown {
  6. display: inline-block;
  7. position: relative;
  8. /* A triangle displayed to indicate this is actually a dropdown. */
  9. &::after {
  10. content: '';
  11. width: 0;
  12. height: 0;
  13. pointer-events: none;
  14. z-index: var(--ck-z-default);
  15. position: absolute;
  16. top: 50%;
  17. transform: translate( 0, -50% );
  18. }
  19. }
  20. .ck-dropdown__panel {
  21. /* This is to get rid of flickering when the tooltip is shown under the panel,
  22. which looks like the panel moves vertically a pixel down and up. */
  23. -webkit-backface-visibility: hidden;
  24. display: none;
  25. z-index: var(--ck-z-modal);
  26. position: absolute;
  27. left: 0px;
  28. transform: translateY( 100% );
  29. }
  30. .ck-dropdown__panel-visible {
  31. display: inline-block;
  32. }