Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

More component selectors for CSS overrides for #2193

Browse Source
This commit is contained in:
Gabe Kangas 2022-12-12 22:54:29 -08:00
parent 6c169bc9b7
commit e64da8003c
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
4 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/components/chat/ChatSocialMessage/ChatSocialMessage.tsx
View File

@ -1,6 +1,7 @@
import { Avatar, Col, Row } from 'antd';
import dynamic from 'next/dynamic';
import React, { FC } from 'react';
import cn from 'classnames';
import { ChatSocialMessage as ChatMessage } from '../../../interfaces/chat-social-message.model';
import styles from './ChatSocialMessage.module.scss';
@ -32,7 +33,7 @@ export const ChatSocialMessage: FC<ChatSocialMessageProps> = ({ message }) => {
}
return (
<div className={styles.follower}>
<div className={cn([styles.follower, 'chat-message_social'])}>
<a href={link} target="_blank" rel="noreferrer">
<Row wrap={false}>
<Col span={6}>

3
web/components/chat/ChatSystemMessage/ChatSystemMessage.tsx
View File

@ -1,6 +1,7 @@
/* eslint-disable react/no-danger */
import { Highlight } from 'react-highlighter-ts';
import { FC } from 'react';
import cn from 'classnames';
import { ChatMessage } from '../../../interfaces/chat-message.model';
import styles from './ChatSystemMessage.module.scss';
@ -16,7 +17,7 @@ export const ChatSystemMessage: FC<ChatSystemMessageProps> = ({
},
highlightString,
}) => (
<div className={styles.chatSystemMessage}>
<div className={cn([styles.chatSystemMessage, 'chat-message_system'])}>
<div className={styles.user}>
<span className={styles.userName}>{displayName}</span>
</div>

8
web/components/chat/ChatUserMessage/ChatUserMessage.tsx
View File

@ -87,7 +87,13 @@ export const ChatUserMessage: FC<ChatUserMessageProps> = ({
}, [message]);
return (
<div className={cn(styles.messagePadding, sameUserAsLast && styles.messagePaddingCollapsed)}>
<div
className={cn(
styles.messagePadding,
sameUserAsLast && styles.messagePaddingCollapsed,
'chat-message_user',
)}
>
<div
className={cn(styles.root, {
[styles.ownMessage]: sentBySelf,

3
web/components/ui/followers/SingleFollower/SingleFollower.tsx
View File

@ -1,5 +1,6 @@
import { Avatar, Col, Row } from 'antd';
import React, { FC } from 'react';
import cn from 'classnames';
import { Follower } from '../../../../interfaces/follower';
import styles from './SingleFollower.module.scss';
@ -8,7 +9,7 @@ export type SingleFollowerProps = {
};
export const SingleFollower: FC<SingleFollowerProps> = ({ follower }) => (
<div className={styles.follower}>
<div className={cn([styles.follower, 'followers-follower'])}>
<a href={follower.link} target="_blank" rel="noreferrer">
<Row wrap={false}>
<Col span={6}>