dropdown.css 945 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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. /* Dropdown button should span horizontally, e.g. in vertical toolbars */
  20. & .ck-button.ck-dropdown__button {
  21. width: 100%;
  22. }
  23. }
  24. .ck-dropdown__panel {
  25. /* This is to get rid of flickering when the tooltip is shown under the panel,
  26. which looks like the panel moves vertically a pixel down and up. */
  27. -webkit-backface-visibility: hidden;
  28. display: none;
  29. z-index: var(--ck-z-modal);
  30. position: absolute;
  31. left: 0px;
  32. transform: translateY( 100% );
  33. }
  34. .ck-dropdown__panel-visible {
  35. display: inline-block;
  36. }