dropdown.css 849 B

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