Fix styling for left pane: muted conversations and message requests
This commit is contained in:
parent
d5f2492ce5
commit
746e6781ae
2 changed files with 3 additions and 4 deletions
|
@ -18,7 +18,7 @@ const CONTENT_CLASS_NAME = `${BASE_CLASS_NAME}__content`;
|
|||
const HEADER_CLASS_NAME = `${CONTENT_CLASS_NAME}__header`;
|
||||
export const DATE_CLASS_NAME = `${HEADER_CLASS_NAME}__date`;
|
||||
const TIMESTAMP_CLASS_NAME = `${DATE_CLASS_NAME}__timestamp`;
|
||||
export const MESSAGE_CLASS_NAME = `${CONTENT_CLASS_NAME}__message`;
|
||||
const MESSAGE_CLASS_NAME = `${CONTENT_CLASS_NAME}__message`;
|
||||
export const MESSAGE_TEXT_CLASS_NAME = `${MESSAGE_CLASS_NAME}__text`;
|
||||
const CHECKBOX_CLASS_NAME = `${BASE_CLASS_NAME}__checkbox`;
|
||||
|
||||
|
|
|
@ -11,7 +11,6 @@ import classNames from 'classnames';
|
|||
|
||||
import {
|
||||
BaseConversationListItem,
|
||||
MESSAGE_CLASS_NAME,
|
||||
MESSAGE_TEXT_CLASS_NAME,
|
||||
} from './BaseConversationListItem';
|
||||
import { MessageBody } from '../conversation/MessageBody';
|
||||
|
@ -123,10 +122,10 @@ export const ConversationListItem: FunctionComponent<Props> = React.memo(
|
|||
messageText = (
|
||||
<>
|
||||
{muteExpiresAt && Date.now() < muteExpiresAt && (
|
||||
<span className={`${MESSAGE_CLASS_NAME}__muted`} />
|
||||
<span className={`${MESSAGE_TEXT_CLASS_NAME}__muted`} />
|
||||
)}
|
||||
{!acceptedMessageRequest ? (
|
||||
<span className={`${MESSAGE_CLASS_NAME}__message-request`}>
|
||||
<span className={`${MESSAGE_TEXT_CLASS_NAME}__message-request`}>
|
||||
{i18n('ConversationListItem--message-request')}
|
||||
</span>
|
||||
) : typingContact ? (
|
||||
|
|
Loading…
Add table
Reference in a new issue