Page MenuHomePhabricator
Files F3299856

D10324.id34553.diff
No OneTemporary
Actions

D10324.id34553.diff
View Options

diff --git a/web/modals/threads/gallery/thread-settings-media-gallery.css b/web/modals/threads/gallery/thread-settings-media-gallery.css
--- a/web/modals/threads/gallery/thread-settings-media-gallery.css
+++ b/web/modals/threads/gallery/thread-settings-media-gallery.css
@@ -3,9 +3,8 @@
flex-wrap: wrap;
overflow-y: scroll;
justify-content: flex-start;
- max-height: 700px;
- padding: 10px;
- margin-top: 10px;
+ height: 80vh;
+ padding-top: 16px;
}
div.mediaContainer {
@@ -22,3 +21,11 @@
object-fit: cover;
cursor: pointer;
}
+
+.noMedia {
+ margin-top: 16px;
+ color: var(--text-background-tertiary-default);
+ display: flex;
+ flex: 1;
+ justify-content: center;
+}
diff --git a/web/modals/threads/gallery/thread-settings-media-gallery.react.js b/web/modals/threads/gallery/thread-settings-media-gallery.react.js
--- a/web/modals/threads/gallery/thread-settings-media-gallery.react.js
+++ b/web/modals/threads/gallery/thread-settings-media-gallery.react.js
@@ -100,6 +100,14 @@
);
}
+ if (filteredMediaInfos.length === 0) {
+ return (
+ <div className={css.noMedia}>
+ No {tab === 'All' ? 'media files' : tab.toLowerCase()} in this chat.
+ </div>
+ );
+ }
+
return filteredMediaInfos.map((media, i) => {
let imageSource;
if (media.type === 'photo') {

File Metadata

Mime Type
text/plain
Expires
Mon, Nov 18, 4:14 PM (18 h, 10 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2535118
Default Alt Text
D10324.id34553.diff (1 KB)

Event Timeline