|
|
@@ -5,43 +5,41 @@
|
|
|
|
|
|
@import "@ckeditor/ckeditor5-ui/theme/components/tooltip/mixins/_tooltip.css";
|
|
|
|
|
|
-.ck-content .media {
|
|
|
- & .ck-media__wrapper {
|
|
|
- & > *:not(.ck-media__placeholder) {
|
|
|
- pointer-events: none;
|
|
|
- }
|
|
|
+.ck-media__wrapper {
|
|
|
+ & > *:not(.ck-media__placeholder) {
|
|
|
+ pointer-events: none;
|
|
|
+ }
|
|
|
|
|
|
- & .ck-media__placeholder {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
+ & .ck-media__placeholder {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
|
|
|
- & .ck-media__placeholder__url {
|
|
|
- @mixin ck-tooltip_enabled;
|
|
|
+ & .ck-media__placeholder__url {
|
|
|
+ @mixin ck-tooltip_enabled;
|
|
|
|
|
|
- /* Otherwise the URL will overflow when the content is very narrow. */
|
|
|
- max-width: 100%;
|
|
|
+ /* Otherwise the URL will overflow when the content is very narrow. */
|
|
|
+ max-width: 100%;
|
|
|
|
|
|
- position: relative;
|
|
|
+ position: relative;
|
|
|
|
|
|
- &:hover {
|
|
|
- @mixin ck-tooltip_visible;
|
|
|
- }
|
|
|
+ &:hover {
|
|
|
+ @mixin ck-tooltip_visible;
|
|
|
+ }
|
|
|
|
|
|
- & .ck-media__placeholder__url__text {
|
|
|
- overflow: hidden;
|
|
|
- display: block;
|
|
|
- }
|
|
|
+ & .ck-media__placeholder__url__text {
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
}
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- &[data-oembed-url*="twitter.com"],
|
|
|
- &[data-oembed-url*="google.com/maps"],
|
|
|
- &[data-oembed-url*="facebook.com"],
|
|
|
- &[data-oembed-url*="instagram.com"] {
|
|
|
- & .ck-media__placeholder__icon * {
|
|
|
- display: none;
|
|
|
- }
|
|
|
+ &[data-oembed-url*="twitter.com"],
|
|
|
+ &[data-oembed-url*="google.com/maps"],
|
|
|
+ &[data-oembed-url*="facebook.com"],
|
|
|
+ &[data-oembed-url*="instagram.com"] {
|
|
|
+ & .ck-media__placeholder__icon * {
|
|
|
+ display: none;
|
|
|
}
|
|
|
}
|
|
|
}
|