image-widget.css

Same filename in this branch
  1. 9 core/themes/starterkit_theme/css/components/image-widget.css
  2. 9 core/themes/classy/css/components/image-widget.css
Same filename in other branches
  1. 8.9.x core/profiles/demo_umami/themes/umami/css/classy/components/image-widget.css
  2. 8.9.x core/themes/seven/css/classy/components/image-widget.css
  3. 8.9.x core/themes/claro/css/layout/image-widget.css
  4. 8.9.x core/themes/bartik/css/classy/components/image-widget.css
  5. 8.9.x core/themes/classy/css/components/image-widget.css
  6. 10 core/themes/starterkit_theme/css/components/image-widget.css
  7. 11.x core/themes/starterkit_theme/css/components/image-widget.css

Image upload widget.

This CSS file is not used in this theme (Classy). It was intended to be used, but due to a bug, Drupal 8 shipped with it not being used. To not break backwards compatibility, we continue to not load it in Classy. Every subtheme of Classy is encouraged to use it, by attaching the classy/image-widget asset library in their image-widget.html.twig file.

@todo In Drupal 9, let core/themes/classy/templates/content-edit/image-widget.html.twig attach the classy/image-widget asset library.

See also

core/themes/seven/templates/content-edit/image-widget.html.twig.

File

core/themes/seven/css/classy/components/image-widget.css

View source
  1. /**
  2. * @file
  3. * Image upload widget.
  4. *
  5. * This CSS file is not used in this theme (Classy). It was intended to be used,
  6. * but due to a bug, Drupal 8 shipped with it not being used. To not break
  7. * backwards compatibility, we continue to not load it in Classy. Every
  8. * subtheme of Classy is encouraged to use it, by attaching the
  9. * classy/image-widget asset library in their image-widget.html.twig file.
  10. *
  11. * @see core/themes/seven/templates/content-edit/image-widget.html.twig.
  12. *
  13. * @todo In Drupal 9, let core/themes/classy/templates/content-edit/image-widget.html.twig
  14. * attach the classy/image-widget asset library.
  15. */
  16. .image-preview {
  17. float: left; /* LTR */
  18. padding: 0 10px 10px 0; /* LTR */
  19. }
  20. [dir="rtl"] .image-preview {
  21. float: right;
  22. padding: 0 0 10px 10px;
  23. }
  24. .image-widget-data {
  25. float: left; /* LTR */
  26. }
  27. [dir="rtl"] .image-widget-data {
  28. float: right;
  29. }
  30. .image-widget-data .text-field {
  31. width: auto;
  32. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.