diff --git a/core/modules/media_library/css/media_library.theme.css b/core/modules/media_library/css/media_library.theme.css index e5ca9ab6d5d7be50035e8f38fceb5429799c7dbd..6e46ed420331d59928116cefa7de1f6e0b297375 100644 --- a/core/modules/media_library/css/media_library.theme.css +++ b/core/modules/media_library/css/media_library.theme.css @@ -246,6 +246,16 @@ position: relative; } +.media-library-widget-empty-text { + margin-bottom: 0; +} + +/* @todo Change to .media-library-open-button when styles are moved to the + seven theme in https://www.drupal.org/project/drupal/issues/2980769 */ +.button.media-library-open-button { + margin-left: 0; +} + .media-library-widget__toggle-weight { position: absolute; top: 5px; diff --git a/core/modules/media_library/media_library.libraries.yml b/core/modules/media_library/media_library.libraries.yml index b7e0408d2f04cc6915712c53095461d054dd6c52..40cab695c039bdea6e8897d0b8c3a4798e0c156f 100644 --- a/core/modules/media_library/media_library.libraries.yml +++ b/core/modules/media_library/media_library.libraries.yml @@ -29,6 +29,7 @@ widget: dependencies: - core/jquery.ui.sortable - core/jquery.once + - media_library/style ui: version: VERSION @@ -36,5 +37,5 @@ ui: js/media_library.ui.js: {} dependencies: - core/drupal.ajax - - media_library/view - core/jquery.once + - media_library/view diff --git a/core/modules/media_library/src/Plugin/Field/FieldWidget/MediaLibraryWidget.php b/core/modules/media_library/src/Plugin/Field/FieldWidget/MediaLibraryWidget.php index 1c5df752f6825338d8af449371b441d89fc5378e..530b675fff8becffdf569f148fbe45322a643069 100644 --- a/core/modules/media_library/src/Plugin/Field/FieldWidget/MediaLibraryWidget.php +++ b/core/modules/media_library/src/Plugin/Field/FieldWidget/MediaLibraryWidget.php @@ -287,7 +287,14 @@ public function formElement(FieldItemListInterface $items, $delta, array $elemen if (empty($referenced_entities)) { $element['empty_selection'] = [ - '#markup' => $this->t('<p>No media items are selected.</p>'), + '#type' => 'html_tag', + '#tag' => 'p', + '#value' => $this->t('No media items are selected.'), + '#attributes' => [ + 'class' => [ + 'media-library-widget-empty-text', + ], + ], ]; } else {