| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- /*
- * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md.
- */
- @import "../tooltip/mixins/_tooltip.css";
- :root {
- --ck-dropdown-icon-size: 10px;
- }
- .ck-dropdown {
- display: inline-block;
- position: relative;
- /* A triangle displayed to indicate this is actually a dropdown. */
- & .ck-dropdown__arrow {
- pointer-events: none;
- z-index: var(--ck-z-default);
- position: absolute;
- top: 52%;
- transform: translate3d( 0, -55%, 0 );
- width: var(--ck-dropdown-icon-size);
- height: var(--ck-dropdown-icon-size);
- min-width: var(--ck-dropdown-icon-size);
- min-height: var(--ck-dropdown-icon-size);
- }
- /* Dropdown button should span horizontally, e.g. in vertical toolbars */
- & .ck-button.ck-dropdown__button {
- width: 100%;
- /* Disable main button's tooltip when the dropdown is open. Otherwise the panel may
- partially cover the tooltip */
- &.ck-on {
- @mixin ck-tooltip_disabled;
- }
- }
- }
- .ck-dropdown__panel {
- /* This is to get rid of flickering when the tooltip is shown under the panel,
- which looks like the panel moves vertically a pixel down and up. */
- -webkit-backface-visibility: hidden;
- display: none;
- z-index: var(--ck-z-modal);
- position: absolute;
- left: 0px;
- transform: translate3d( 0, 100%, 0 );
- }
- .ck-dropdown__panel-visible {
- display: inline-block;
- /* This will prevent blurry icons in dropdown on Firefox. See #340. */
- will-change: transform;
- }
|