LogalDeveloper/owncast
0
Fork 0
Code Activity

Fix Fediverse chat action overflows (#4783)

Browse Source 
* Fixed #4773

* Prettier'd and Eslinted the changes
This commit is contained in:
faisalmujawar148
2026-02-02 18:12:53 -08:00
committed by GitHub
parent 5a4af3a294
commit 3aee02f7a8
2 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/components/chat/ChatSocialMessage/ChatSocialMessage.module.scss
+11
View File
@@ -1,3 +1,10 @@
.containerColumn {
position: relative;
max-width: 100%;
min-width: 1px;
display: grid;
}
.followerPadding { .followerPadding {
padding: 0.5em; padding: 0.5em;
} }
@@ -39,9 +46,13 @@
} }
.account { .account {
text-overflow: ellipsis;
font-family: var(--theme-text-display-font-family); font-family: var(--theme-text-display-font-family);
font-weight: 600; font-weight: 600;
color: var(--theme-color-components-text-on-light); color: var(--theme-color-components-text-on-light);
overflow: hidden;
display: inline-block;
white-space: nowrap;
} }
.icon { .icon {
web/components/chat/ChatSocialMessage/ChatSocialMessage.tsx
+1 -1
View File
@@ -50,7 +50,7 @@ export const ChatSocialMessage: FC<ChatSocialMessageProps> = ({ message }) => {
<Icon className={styles.icon} /> <Icon className={styles.icon} />
</Col> </Col>
<Col> <Col className={styles.containerColumn}>
<Row className={styles.account}>{title}</Row> <Row className={styles.account}>{title}</Row>
<Row className={styles.body} dangerouslySetInnerHTML={{ __html: body }} /> <Row className={styles.body} dangerouslySetInnerHTML={{ __html: body }} />
</Col> </Col>