| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- /*
- * 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;
- }
- }
|