martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-12 03:29:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

hiding x overflow on topic message

Browse Source
This commit is contained in:
Roland Osborne 2022-10-27 21:24:00 -07:00
parent 4fdba26371
commit a72389b1a8
2 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
net/web/src/session/conversation/Conversation.jsx
View File

@ -59,8 +59,13 @@ export function Conversation({ closeConversation, openDetails, cardId, channelId
)}
</div>
<div class="thread" ref={thread} onScroll={scrollThread}>
<List local={{ emptyText: '' }} itemLayout="horizontal" dataSource={state.topics} gutter="0"
renderItem={topicRenderer} />
{ state.topics.length === 0 && (
<div class="empty">This Topic Has No Messages</div>
)}
{ state.topics.length !== 0 && (
<List local={{ emptyText: '' }} itemLayout="horizontal" dataSource={state.topics}
gutter="0" renderItem={topicRenderer} />
)}
{ state.loadingInit && (
<div class="loading">
<Spin size="large" delay={250} />

12
net/web/src/session/conversation/Conversation.styled.js
View File

@ -54,10 +54,20 @@ export const ConversationWrapper = styled.div`
position: relative;
flex-grow: 1;
min-height: 0;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
display: flex;
flex-direction: column-reverse;
.empty {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20;
color: ${Colors.grey};
}
.loading {
position: absolute;
width: 100%;