UNPKG

1.43 kBCSSView Raw
1/*
2 * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4 */
5
6.ck-media__wrapper {
7 & .ck-media__placeholder {
8 display: flex;
9 flex-direction: column;
10 align-items: center;
11
12 & .ck-media__placeholder__url {
13 /* Otherwise the URL will overflow when the content is very narrow. */
14 max-width: 100%;
15
16 position: relative;
17
18 & .ck-media__placeholder__url__text {
19 overflow: hidden;
20 display: block;
21 }
22 }
23 }
24
25 &[data-oembed-url*="twitter.com"],
26 &[data-oembed-url*="google.com/maps"],
27 &[data-oembed-url*="goo.gl/maps"],
28 &[data-oembed-url*="maps.google.com"],
29 &[data-oembed-url*="maps.app.goo.gl"],
30 &[data-oembed-url*="facebook.com"],
31 &[data-oembed-url*="instagram.com"] {
32 & .ck-media__placeholder__icon * {
33 display: none;
34 }
35 }
36}
37
38/* Disable all mouse interaction as long as the editor is not read–only.
39 https://github.com/ckeditor/ckeditor5-media-embed/issues/58 */
40.ck-editor__editable:not(.ck-read-only) .ck-media__wrapper > *:not(.ck-media__placeholder) {
41 pointer-events: none;
42}
43
44/* Disable all mouse interaction when the widget is not selected (e.g. to avoid opening links by accident).
45 https://github.com/ckeditor/ckeditor5-media-embed/issues/18 */
46.ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder {
47 pointer-events: none;
48}