mediaembedediting.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /*
  2. * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /*
  6. * Note: This file should contain the wireframe styles only. But since there are no such styles,
  7. * it acts as a message to the builder telling that it should look for the corresponding styles
  8. * **in the theme** when compiling the editor.
  9. */
  10. @import "@ckeditor/ckeditor5-ui/theme/components/tooltip/mixins/_tooltip.css";
  11. .ck-content .media {
  12. & .ck-media__wrapper {
  13. & > *:not(.ck-media__placeholder) {
  14. pointer-events: none;
  15. }
  16. & .ck-media__placeholder {
  17. display: flex;
  18. flex-direction: column;
  19. align-items: center;
  20. & .ck-media__placeholder__url {
  21. @mixin ck-tooltip_enabled;
  22. /* Otherwise the URL will overflow when the content is very narrow. */
  23. max-width: 100%;
  24. position: relative;
  25. &:hover {
  26. @mixin ck-tooltip_visible;
  27. }
  28. & .ck-media__placeholder__url__text {
  29. overflow: hidden;
  30. display: block;
  31. }
  32. }
  33. }
  34. &[data-oembed-url*="twitter.com"],
  35. &[data-oembed-url*="google.com/maps"],
  36. &[data-oembed-url*="facebook.com"],
  37. &[data-oembed-url*="instagram.com"] {
  38. & .ck-media__placeholder__icon * {
  39. display: none;
  40. }
  41. }
  42. }
  43. }