dropdown.scss 805 B

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