8
0

dropdown.scss 999 B

12345678910111213141516171819202122232425262728293031323334353637383940
  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. // A triangle displayed to indicate this is actually a dropdown.
  5. &::after {
  6. border-style: solid;
  7. border-width: .4em .4em 0 .4em;
  8. border-color: ck-color( 'text', 30 ) transparent;
  9. right: ck-spacing();
  10. }
  11. .ck-button.ck-dropdown__button {
  12. // A space to accommodate the triangle.
  13. padding-right: 2 * ck-spacing();
  14. // https://github.com/ckeditor/ckeditor5-theme-lark/issues/70
  15. &.ck-disabled .ck-button__label {
  16. @include ck-disabled;
  17. }
  18. // #23
  19. .ck-button__label {
  20. width: 7em;
  21. overflow: hidden;
  22. text-overflow: ellipsis;
  23. }
  24. }
  25. }
  26. .ck-dropdown__panel {
  27. border: 1px solid ck-border-color( 'foreground' );
  28. // Compensate double border from button and from box when positioned below the button.
  29. bottom: 1px;
  30. background: ck-color( 'background' );
  31. @include ck-rounded-corners();
  32. @include ck-drop-shadow();
  33. }