/* * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ @import "../helpers/zindex.css"; .ck-dropdown { display: inline-block; position: relative; /* A triangle displayed to indicate this is actually a dropdown. */ &::after { content: ''; width: 0; height: 0; pointer-events: none; z-index: var(--ck-z-default); position: absolute; top: 50%; transform: translate( 0, -50% ); } } .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: translateY( 100% ); } .ck-dropdown__panel-visible { display: inline-block; }