Prior to #3087456: Move some representational classes in Media Library to Classy and others to Seven and/or Claro, as appropriate, Media Library included many presentational CSS classes (like media-library-item and others) in many parts of its user interface.
Now, these classes have all been moved into Classy and (mostly) Seven. Media Library no longer applies any presentational CSS classes by itself. This can affect themes which are not built on top of Classy, and sites which are not using Seven to display the media library.
The complete list of affected classes is:
- media-library-add-form
- media-library-add-form__added-media
- media-library-add-form__description
- media-library-add-form__fields
- media-library-add-form__input-wrapper
- media-library-add-form__media
- media-library-add-form--oembed
- media-library-add-form-oembed-submit
- media-library-add-form-oembed-url
- media-library-add-form__preview
- media-library-add-form__remove-button
- media-library-add-form__selected-media
- media-library-add-form__source-field
- media-library-add-form--upload
- media-library-add-form--without-input
- media-library-add-form--with-input
- media-library-add-form-wrapper
- media-library-content
- media-library-item
- media-library-item__attributes
- media-library-item__click-to-select-checkbox
- media-library-item__content
- media-library-item__edit
- media-library-item--grid
- media-library-item__name
- media-library-item__preview
- media-library-item__remove
- media-library-item--small
- media-library-item__status
- media-library-item__weight
- media-library-menu
- media-library-menu__link
- media-library-open-button
- media-library-select
- media-library-selection
- media-library-view
- media-library-view--widget
- media-library-views-form
- media-library-views-form__bulk_form
- media-library-views-form__header
- media-library-widget
- media-library-widget-empty-text
- media-library-widget__toggle-weight
- media-library-wrapper
These classes are now applied only by certain templates, preprocess functions, and form_alter hooks in Classy and Seven. To see examples of how to add them to your own theme, see the following files and directories:
- core/themes/classy/classy.theme
- core/themes/classy/templates/media-library
- core/themes/seven/seven.theme
- core/themes/seven/templates/media-library
Comments
Weird
I've updated to 8.8. The media library styles are gone. But the folders:
core/themes/classy/templates/media-library
core/themes/seven/templates/media-library
both don't exist. And in the .theme file I don't see anything that could explain how this work. Shouldn't there be some CSS files/rules? If I search for "media-library" in core/themes/* nothing comes up.