LogalDeveloper/owncast
0
Fork 0
Code 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
4 changed files with 13 additions and 4 deletions
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 { Avatar, Col, Row } from 'antd';
import dynamic from 'next/dynamic'; import dynamic from 'next/dynamic';
import React, { FC } from 'react'; import React, { FC } from 'react';
import cn from 'classnames';
import { ChatSocialMessage as ChatMessage } from '../../../interfaces/chat-social-message.model'; import { ChatSocialMessage as ChatMessage } from '../../../interfaces/chat-social-message.model';
import styles from './ChatSocialMessage.module.scss'; import styles from './ChatSocialMessage.module.scss';
@@ -32,7 +33,7 @@ export const ChatSocialMessage: FC<ChatSocialMessageProps> = ({ message }) => {
} }
return ( return (
<div className={styles.follower}> <div className={cn([styles.follower, 'chat-message_social'])}>
<a href={link} target="_blank" rel="noreferrer"> <a href={link} target="_blank" rel="noreferrer">
<Row wrap={false}> <Row wrap={false}>
<Col span={6}> <Col span={6}>

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

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

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

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

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

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