Verified Commit 06dd567a authored by Dave Long's avatar Dave Long
Browse files

fix: #3614246 Media library grid items without a preview thumbnail collapse and hide the item name 

By: andy-blum
By: mherchel
(cherry picked from commit 5c44cbc6)
parent 33711e5e

core/themes/claro/css/theme/media-library.css

+12 −0
Original line number Diff line number Diff line
@@ -288,6 +288,12 @@ 
  height: 6.25rem;

}



/* Prevent media item from collapsing if thumbnail image is broken/missing. */



.media-library-add-form__selected-media .media-library-item--small .media-library-item__preview {

  min-height: 6.25rem;

}



/* Generic media library view styles. */



.media-library-select-all {
@@ -581,6 +587,12 @@ 
  object-position: center center;

}



/* Prevent media item from collapsing if thumbnail image is broken/missing. */



.media-library-item--grid .media-library-item__preview {

  min-height: 11.25rem;

}



.media-library-item--grid.is-hover::before,

.media-library-item--grid.checked::before,

.media-library-item--grid.is-focus::before {

core/themes/claro/css/theme/media-library.pcss.css

+10 −0
Original line number Diff line number Diff line
@@ -261,6 +261,11 @@ 
  height: 100px;

}



/* Prevent media item from collapsing if thumbnail image is broken/missing. */

.media-library-add-form__selected-media .media-library-item--small .media-library-item__preview {

  min-height: 100px;

}



/* Generic media library view styles. */

.media-library-select-all {

  flex-basis: 100%;
@@ -537,6 +542,11 @@ 
  object-position: center center;

}



/* Prevent media item from collapsing if thumbnail image is broken/missing. */

.media-library-item--grid .media-library-item__preview {

  min-height: 180px;

}



.media-library-item--grid.is-hover::before,

.media-library-item--grid.checked::before,

.media-library-item--grid.is-focus::before {