diff --git a/app/soapbox/features/placeholder/components/placeholder_media_gallery.js b/app/soapbox/features/placeholder/components/placeholder_media_gallery.js new file mode 100644 index 0000000000..d44261e6ca Binary files /dev/null and b/app/soapbox/features/placeholder/components/placeholder_media_gallery.js differ diff --git a/app/soapbox/features/placeholder/components/placeholder_status_content.js b/app/soapbox/features/placeholder/components/placeholder_status_content.js index f3f4e951c8..b51fa44c15 100644 Binary files a/app/soapbox/features/placeholder/components/placeholder_status_content.js and b/app/soapbox/features/placeholder/components/placeholder_status_content.js differ diff --git a/app/soapbox/features/ui/components/pending_status.js b/app/soapbox/features/ui/components/pending_status.js index 13daa5928b..638b896c9d 100644 Binary files a/app/soapbox/features/ui/components/pending_status.js and b/app/soapbox/features/ui/components/pending_status.js differ diff --git a/app/soapbox/features/ui/util/pending_status_builder.js b/app/soapbox/features/ui/util/pending_status_builder.js index 191a99f1d4..241abdbdb2 100644 Binary files a/app/soapbox/features/ui/util/pending_status_builder.js and b/app/soapbox/features/ui/util/pending_status_builder.js differ diff --git a/app/styles/placeholder.scss b/app/styles/placeholder.scss index ded87f5792..37ed8ee58b 100644 --- a/app/styles/placeholder.scss +++ b/app/styles/placeholder.scss @@ -1,7 +1,8 @@ .placeholder-status, .placeholder-hashtag, .notification--placeholder, -.status-card--placeholder { +.status-card--placeholder, +.media-gallery--placeholder { position: relative; &::before { @@ -120,3 +121,11 @@ opacity: 0.1; } } + +.media-gallery.media-gallery--placeholder { + background: none; + + .media-gallery__item { + background-color: var(--brand-color--faint); + } +}