ckeditor5-image-upload-base64
Version:
The development environment of CKEditor 5 – the best browser-based rich text editor.
55 lines (50 loc) • 1.22 kB
CSS
/*
* Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
/**
* Enables the tooltip, which is the tooltip is in DOM but
* not yet displayed.
*/
@define-mixin ck-tooltip_enabled {
& .ck-tooltip {
display: block;
/*
* Don't display tooltips in devices which don't support :hover.
* In fact, it's all about iOS, which forces user to click UI elements twice to execute
* the primary action, when tooltips are enabled.
*
* Q: OK, but why not the following query?
*
* @media (hover) {
* display: block;
* }
*
* A: Because FF does not support it and it would completely disable tooltips
* in that browser.
*
* More in https://github.com/ckeditor/ckeditor5/issues/920.
*/
@media (hover:none) {
display: none;
}
}
}
/**
* Disables the tooltip making it disappear from DOM.
*/
@define-mixin ck-tooltip_disabled {
& .ck-tooltip {
display: none;
}
}
/**
* Shows the tooltip, which is already in DOM.
* Requires `ck-tooltip_enabled` first.
*/
@define-mixin ck-tooltip_visible {
& .ck-tooltip {
visibility: visible;
opacity: 1;
}
}