Messaage: Fixes for Context Menu, Report and Payment Modal (#5178)
This commit is contained in:
Alexander Zinchuk
parent
8040cee2d2
commit
7e83932c96
6
src/assets/font-icons/edited.svg
Normal file
6
src/assets/font-icons/edited.svg
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M9 15L12 12V7" stroke="black" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M9.33333 19.5448C6.22615 18.4466 4 15.4833 4 12C4 7.58172 7.58172 4 12 4C15.4833 4 18.4466 6.22615 19.5448 9.33333" stroke="black" stroke-width="1.6" stroke-linecap="round"/>
|
||||||
|
<path d="M20.5286 13.1953L20.1381 12.8048C19.8777 12.5444 19.4556 12.5444 19.1953 12.8048L11.8892 20.1108C11.7429 20.2572 11.6326 20.4356 11.5671 20.632L11.1687 21.8274C11.0992 22.0359 11.2975 22.2342 11.506 22.1647L12.7014 21.7662C12.8978 21.7008 13.0762 21.5905 13.2226 21.4441L20.5286 14.1381C20.7889 13.8777 20.7889 13.4556 20.5286 13.1953Z" fill="black"/>
|
||||||
|
<path d="M22.1953 12.4714L21.8047 12.8619C21.5444 13.1223 21.1223 13.1223 20.8619 12.8619L20.4714 12.4714C20.2111 12.2111 20.2111 11.789 20.4714 11.5286L20.8619 11.1381C21.1223 10.8777 21.5444 10.8777 21.8047 11.1381L22.1953 11.5286C22.4556 11.789 22.4556 12.2111 22.1953 12.4714Z" fill="black"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.0 KiB |
@ -7,7 +7,6 @@ import { formatDateAtTime } from '../../../util/dates/dateFormat';
|
|||||||
import useOldLang from '../../../hooks/useOldLang';
|
import useOldLang from '../../../hooks/useOldLang';
|
||||||
|
|
||||||
import MenuItem from '../../ui/MenuItem';
|
import MenuItem from '../../ui/MenuItem';
|
||||||
import MenuSeparator from '../../ui/MenuSeparator';
|
|
||||||
import Skeleton from '../../ui/placeholder/Skeleton';
|
import Skeleton from '../../ui/placeholder/Skeleton';
|
||||||
|
|
||||||
import styles from './TimeMenuItem.module.scss';
|
import styles from './TimeMenuItem.module.scss';
|
||||||
@ -24,13 +23,10 @@ function LastEditTimeMenuItem({
|
|||||||
const shouldRenderSkeleton = !editDate;
|
const shouldRenderSkeleton = !editDate;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<MenuItem icon="edited" className={styles.item}>
|
||||||
<MenuSeparator size="thick" />
|
{shouldRenderSkeleton ? <Skeleton className={styles.skeleton} /> : Boolean(editDate)
|
||||||
<MenuItem icon="edit" className={styles.item}>
|
&& lang('Chat.PrivateMessageEditTimestamp.Date', formatDateAtTime(lang, editDate * 1000))}
|
||||||
{shouldRenderSkeleton ? <Skeleton className={styles.skeleton} /> : Boolean(editDate)
|
</MenuItem>
|
||||||
&& lang('Chat.PrivateMessageEditTimestamp.Date', formatDateAtTime(lang, editDate * 1000))}
|
|
||||||
</MenuItem>
|
|
||||||
</>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -483,11 +483,6 @@ const MessageContextMenu: FC<OwnProps> = ({
|
|||||||
<MenuItem icon="close-circle" onClick={onSponsoredHide}>{lang('HideAd')}</MenuItem>
|
<MenuItem icon="close-circle" onClick={onSponsoredHide}>{lang('HideAd')}</MenuItem>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
{isEdited && (
|
|
||||||
<LastEditTimeMenuItem
|
|
||||||
message={message}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
{(canShowSeenBy || canShowReactionsCount) && !isSponsoredMessage && (
|
{(canShowSeenBy || canShowReactionsCount) && !isSponsoredMessage && (
|
||||||
<>
|
<>
|
||||||
<MenuSeparator size={hasCustomEmoji ? 'thin' : 'thick'} />
|
<MenuSeparator size={hasCustomEmoji ? 'thin' : 'thick'} />
|
||||||
@ -523,15 +518,22 @@ const MessageContextMenu: FC<OwnProps> = ({
|
|||||||
</MenuItem>
|
</MenuItem>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
{((!isSponsoredMessage && (canLoadReadDate || shouldRenderShowWhen)) || isEdited) && (
|
||||||
|
<MenuSeparator size={hasCustomEmoji ? 'thin' : 'thick'} />
|
||||||
|
)}
|
||||||
{!isSponsoredMessage && (canLoadReadDate || shouldRenderShowWhen) && (
|
{!isSponsoredMessage && (canLoadReadDate || shouldRenderShowWhen) && (
|
||||||
<ReadTimeMenuItem
|
<ReadTimeMenuItem
|
||||||
canLoadReadDate={canLoadReadDate}
|
canLoadReadDate={canLoadReadDate}
|
||||||
shouldRenderShowWhen={shouldRenderShowWhen}
|
shouldRenderShowWhen={shouldRenderShowWhen}
|
||||||
message={message}
|
message={message}
|
||||||
menuSeparatorSize={hasCustomEmoji ? 'thin' : 'thick'}
|
|
||||||
closeContextMenu={onClose}
|
closeContextMenu={onClose}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
{isEdited && (
|
||||||
|
<LastEditTimeMenuItem
|
||||||
|
message={message}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</Menu>
|
</Menu>
|
||||||
);
|
);
|
||||||
|
|||||||
@ -8,7 +8,6 @@ import { formatDateAtTime } from '../../../util/dates/dateFormat';
|
|||||||
import useOldLang from '../../../hooks/useOldLang';
|
import useOldLang from '../../../hooks/useOldLang';
|
||||||
|
|
||||||
import MenuItem from '../../ui/MenuItem';
|
import MenuItem from '../../ui/MenuItem';
|
||||||
import MenuSeparator from '../../ui/MenuSeparator';
|
|
||||||
import Skeleton from '../../ui/placeholder/Skeleton';
|
import Skeleton from '../../ui/placeholder/Skeleton';
|
||||||
import Transition from '../../ui/Transition';
|
import Transition from '../../ui/Transition';
|
||||||
|
|
||||||
@ -18,12 +17,11 @@ type OwnProps = {
|
|||||||
message: ApiMessage;
|
message: ApiMessage;
|
||||||
shouldRenderShowWhen?: boolean;
|
shouldRenderShowWhen?: boolean;
|
||||||
canLoadReadDate?: boolean;
|
canLoadReadDate?: boolean;
|
||||||
menuSeparatorSize: 'thin' | 'thick';
|
|
||||||
closeContextMenu: NoneToVoidFunction;
|
closeContextMenu: NoneToVoidFunction;
|
||||||
};
|
};
|
||||||
|
|
||||||
function ReadTimeMenuItem({
|
function ReadTimeMenuItem({
|
||||||
message, shouldRenderShowWhen, canLoadReadDate, closeContextMenu, menuSeparatorSize,
|
message, shouldRenderShowWhen, canLoadReadDate, closeContextMenu,
|
||||||
}: OwnProps) {
|
}: OwnProps) {
|
||||||
const { openPrivacySettingsNoticeModal } = getActions();
|
const { openPrivacySettingsNoticeModal } = getActions();
|
||||||
const lang = useOldLang();
|
const lang = useOldLang();
|
||||||
@ -36,26 +34,23 @@ function ReadTimeMenuItem({
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<MenuItem icon="message-read" className={styles.item}>
|
||||||
<MenuSeparator size={menuSeparatorSize} />
|
<Transition name="fade" activeKey={shouldRenderSkeleton ? 1 : 2} className={styles.transition}>
|
||||||
<MenuItem icon="message-read" className={styles.item}>
|
{shouldRenderSkeleton ? <Skeleton className={styles.skeleton} /> : (
|
||||||
<Transition name="fade" activeKey={shouldRenderSkeleton ? 1 : 2} className={styles.transition}>
|
<>
|
||||||
{shouldRenderSkeleton ? <Skeleton className={styles.skeleton} /> : (
|
{Boolean(readDate) && lang('PmReadAt', formatDateAtTime(lang, readDate * 1000))}
|
||||||
<>
|
{!readDate && shouldRenderShowWhen && (
|
||||||
{Boolean(readDate) && lang('PmReadAt', formatDateAtTime(lang, readDate * 1000))}
|
<div>
|
||||||
{!readDate && shouldRenderShowWhen && (
|
{lang('PmRead')}
|
||||||
<div>
|
<span className={styles.get} onClick={handleOpenModal}>
|
||||||
{lang('PmRead')}
|
{lang('PmReadShowWhen')}
|
||||||
<span className={styles.get} onClick={handleOpenModal}>
|
</span>
|
||||||
{lang('PmReadShowWhen')}
|
</div>
|
||||||
</span>
|
)}
|
||||||
</div>
|
</>
|
||||||
)}
|
)}
|
||||||
</>
|
</Transition>
|
||||||
)}
|
</MenuItem>
|
||||||
</Transition>
|
|
||||||
</MenuItem>
|
|
||||||
</>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
:global(.MenuItem).item {
|
:global(.MenuItem).item {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
font-size: 0.8125rem;
|
font-size: 0.8125rem;
|
||||||
|
font-weight: 400;
|
||||||
cursor: var(--custom-cursor, default);
|
cursor: var(--custom-cursor, default);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
--color-skeleton-background: #2121211a;
|
--color-skeleton-background: #2121211a;
|
||||||
|
|||||||
@ -24,6 +24,7 @@ import Transition, { ACTIVE_SLIDE_CLASS_NAME, TO_SLIDE_CLASS_NAME } from '../../
|
|||||||
import styles from './ReportModal.module.scss';
|
import styles from './ReportModal.module.scss';
|
||||||
|
|
||||||
const MAX_DESCRIPTION = 512;
|
const MAX_DESCRIPTION = 512;
|
||||||
|
const ADDED_PADDING = 20;
|
||||||
|
|
||||||
export type OwnProps = {
|
export type OwnProps = {
|
||||||
modal: TabState['reportModal'];
|
modal: TabState['reportModal'];
|
||||||
@ -138,7 +139,7 @@ const ReportModal = ({
|
|||||||
requestMeasure(() => {
|
requestMeasure(() => {
|
||||||
const height = slide.scrollHeight;
|
const height = slide.scrollHeight;
|
||||||
requestMutation(() => {
|
requestMutation(() => {
|
||||||
transitionRef.current!.style.height = `${height}px`;
|
transitionRef.current!.style.height = `${height + ADDED_PADDING}px`;
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@ -200,10 +201,11 @@ const ReportModal = ({
|
|||||||
<div className={styles.block}>
|
<div className={styles.block}>
|
||||||
<AnimatedIconWithPreview
|
<AnimatedIconWithPreview
|
||||||
tgsUrl={LOCAL_TGS_URLS.Report}
|
tgsUrl={LOCAL_TGS_URLS.Report}
|
||||||
size={150}
|
size={100}
|
||||||
className={styles.reportIcon}
|
className={styles.reportIcon}
|
||||||
nonInteractive
|
nonInteractive
|
||||||
forceAlways
|
forceAlways
|
||||||
|
noLoop={false}
|
||||||
/>
|
/>
|
||||||
<TextArea
|
<TextArea
|
||||||
id="option"
|
id="option"
|
||||||
|
|||||||
@ -36,7 +36,7 @@ $modalHeaderAndFooterHeight: 8.375rem;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.Transition {
|
.Transition {
|
||||||
height: min(25rem, 68vh);
|
height: min(27rem, 68vh);
|
||||||
}
|
}
|
||||||
|
|
||||||
.empty-content {
|
.empty-content {
|
||||||
|
|||||||
@ -98,181 +98,182 @@ $icons-map: (
|
|||||||
"download": "\f143",
|
"download": "\f143",
|
||||||
"eats": "\f144",
|
"eats": "\f144",
|
||||||
"edit": "\f145",
|
"edit": "\f145",
|
||||||
"email": "\f146",
|
"edited": "\f146",
|
||||||
"enter": "\f147",
|
"email": "\f147",
|
||||||
"expand-modal": "\f148",
|
"enter": "\f148",
|
||||||
"expand": "\f149",
|
"expand-modal": "\f149",
|
||||||
"eye-closed-outline": "\f14a",
|
"expand": "\f14a",
|
||||||
"eye-closed": "\f14b",
|
"eye-closed-outline": "\f14b",
|
||||||
"eye-outline": "\f14c",
|
"eye-closed": "\f14c",
|
||||||
"eye": "\f14d",
|
"eye-outline": "\f14d",
|
||||||
"favorite-filled": "\f14e",
|
"eye": "\f14e",
|
||||||
"favorite": "\f14f",
|
"favorite-filled": "\f14f",
|
||||||
"file-badge": "\f150",
|
"favorite": "\f150",
|
||||||
"flag": "\f151",
|
"file-badge": "\f151",
|
||||||
"folder-badge": "\f152",
|
"flag": "\f152",
|
||||||
"folder": "\f153",
|
"folder-badge": "\f153",
|
||||||
"fontsize": "\f154",
|
"folder": "\f154",
|
||||||
"forums": "\f155",
|
"fontsize": "\f155",
|
||||||
"forward": "\f156",
|
"forums": "\f156",
|
||||||
"fullscreen": "\f157",
|
"forward": "\f157",
|
||||||
"gifs": "\f158",
|
"fullscreen": "\f158",
|
||||||
"gift": "\f159",
|
"gifs": "\f159",
|
||||||
"group-filled": "\f15a",
|
"gift": "\f15a",
|
||||||
"group": "\f15b",
|
"group-filled": "\f15b",
|
||||||
"grouped-disable": "\f15c",
|
"group": "\f15c",
|
||||||
"grouped": "\f15d",
|
"grouped-disable": "\f15d",
|
||||||
"hand-stop": "\f15e",
|
"grouped": "\f15e",
|
||||||
"hashtag": "\f15f",
|
"hand-stop": "\f15f",
|
||||||
"heart-outline": "\f160",
|
"hashtag": "\f160",
|
||||||
"heart": "\f161",
|
"heart-outline": "\f161",
|
||||||
"help": "\f162",
|
"heart": "\f162",
|
||||||
"info-filled": "\f163",
|
"help": "\f163",
|
||||||
"info": "\f164",
|
"info-filled": "\f164",
|
||||||
"install": "\f165",
|
"info": "\f165",
|
||||||
"italic": "\f166",
|
"install": "\f166",
|
||||||
"key": "\f167",
|
"italic": "\f167",
|
||||||
"keyboard": "\f168",
|
"key": "\f168",
|
||||||
"lamp": "\f169",
|
"keyboard": "\f169",
|
||||||
"language": "\f16a",
|
"lamp": "\f16a",
|
||||||
"large-pause": "\f16b",
|
"language": "\f16b",
|
||||||
"large-play": "\f16c",
|
"large-pause": "\f16c",
|
||||||
"link-badge": "\f16d",
|
"large-play": "\f16d",
|
||||||
"link-broken": "\f16e",
|
"link-badge": "\f16e",
|
||||||
"link": "\f16f",
|
"link-broken": "\f16f",
|
||||||
"location": "\f170",
|
"link": "\f170",
|
||||||
"lock-badge": "\f171",
|
"location": "\f171",
|
||||||
"lock": "\f172",
|
"lock-badge": "\f172",
|
||||||
"logout": "\f173",
|
"lock": "\f173",
|
||||||
"loop": "\f174",
|
"logout": "\f174",
|
||||||
"mention": "\f175",
|
"loop": "\f175",
|
||||||
"message-failed": "\f176",
|
"mention": "\f176",
|
||||||
"message-pending": "\f177",
|
"message-failed": "\f177",
|
||||||
"message-read": "\f178",
|
"message-pending": "\f178",
|
||||||
"message-succeeded": "\f179",
|
"message-read": "\f179",
|
||||||
"message": "\f17a",
|
"message-succeeded": "\f17a",
|
||||||
"microphone-alt": "\f17b",
|
"message": "\f17b",
|
||||||
"microphone": "\f17c",
|
"microphone-alt": "\f17c",
|
||||||
"monospace": "\f17d",
|
"microphone": "\f17d",
|
||||||
"more-circle": "\f17e",
|
"monospace": "\f17e",
|
||||||
"more": "\f17f",
|
"more-circle": "\f17f",
|
||||||
"move-caption-down": "\f180",
|
"more": "\f180",
|
||||||
"move-caption-up": "\f181",
|
"move-caption-down": "\f181",
|
||||||
"mute": "\f182",
|
"move-caption-up": "\f182",
|
||||||
"muted": "\f183",
|
"mute": "\f183",
|
||||||
"my-notes": "\f184",
|
"muted": "\f184",
|
||||||
"new-chat-filled": "\f185",
|
"my-notes": "\f185",
|
||||||
"next": "\f186",
|
"new-chat-filled": "\f186",
|
||||||
"nochannel": "\f187",
|
"next": "\f187",
|
||||||
"noise-suppression": "\f188",
|
"nochannel": "\f188",
|
||||||
"non-contacts": "\f189",
|
"noise-suppression": "\f189",
|
||||||
"one-filled": "\f18a",
|
"non-contacts": "\f18a",
|
||||||
"open-in-new-tab": "\f18b",
|
"one-filled": "\f18b",
|
||||||
"password-off": "\f18c",
|
"open-in-new-tab": "\f18c",
|
||||||
"pause": "\f18d",
|
"password-off": "\f18d",
|
||||||
"permissions": "\f18e",
|
"pause": "\f18e",
|
||||||
"phone-discard-outline": "\f18f",
|
"permissions": "\f18f",
|
||||||
"phone-discard": "\f190",
|
"phone-discard-outline": "\f190",
|
||||||
"phone": "\f191",
|
"phone-discard": "\f191",
|
||||||
"photo": "\f192",
|
"phone": "\f192",
|
||||||
"pin-badge": "\f193",
|
"photo": "\f193",
|
||||||
"pin-list": "\f194",
|
"pin-badge": "\f194",
|
||||||
"pin": "\f195",
|
"pin-list": "\f195",
|
||||||
"pinned-chat": "\f196",
|
"pin": "\f196",
|
||||||
"pinned-message": "\f197",
|
"pinned-chat": "\f197",
|
||||||
"pip": "\f198",
|
"pinned-message": "\f198",
|
||||||
"play-story": "\f199",
|
"pip": "\f199",
|
||||||
"play": "\f19a",
|
"play-story": "\f19a",
|
||||||
"poll": "\f19b",
|
"play": "\f19b",
|
||||||
"previous": "\f19c",
|
"poll": "\f19c",
|
||||||
"privacy-policy": "\f19d",
|
"previous": "\f19d",
|
||||||
"quote-text": "\f19e",
|
"privacy-policy": "\f19e",
|
||||||
"quote": "\f19f",
|
"quote-text": "\f19f",
|
||||||
"readchats": "\f1a0",
|
"quote": "\f1a0",
|
||||||
"recent": "\f1a1",
|
"readchats": "\f1a1",
|
||||||
"reload": "\f1a2",
|
"recent": "\f1a2",
|
||||||
"remove-quote": "\f1a3",
|
"reload": "\f1a3",
|
||||||
"remove": "\f1a4",
|
"remove-quote": "\f1a4",
|
||||||
"reopen-topic": "\f1a5",
|
"remove": "\f1a5",
|
||||||
"replace": "\f1a6",
|
"reopen-topic": "\f1a6",
|
||||||
"replies": "\f1a7",
|
"replace": "\f1a7",
|
||||||
"reply-filled": "\f1a8",
|
"replies": "\f1a8",
|
||||||
"reply": "\f1a9",
|
"reply-filled": "\f1a9",
|
||||||
"revenue-split": "\f1aa",
|
"reply": "\f1aa",
|
||||||
"revote": "\f1ab",
|
"revenue-split": "\f1ab",
|
||||||
"save-story": "\f1ac",
|
"revote": "\f1ac",
|
||||||
"saved-messages": "\f1ad",
|
"save-story": "\f1ad",
|
||||||
"schedule": "\f1ae",
|
"saved-messages": "\f1ae",
|
||||||
"search": "\f1af",
|
"schedule": "\f1af",
|
||||||
"select": "\f1b0",
|
"search": "\f1b0",
|
||||||
"send-outline": "\f1b1",
|
"select": "\f1b1",
|
||||||
"send": "\f1b2",
|
"send-outline": "\f1b2",
|
||||||
"settings-filled": "\f1b3",
|
"send": "\f1b3",
|
||||||
"settings": "\f1b4",
|
"settings-filled": "\f1b4",
|
||||||
"share-filled": "\f1b5",
|
"settings": "\f1b5",
|
||||||
"share-screen-outlined": "\f1b6",
|
"share-filled": "\f1b6",
|
||||||
"share-screen-stop": "\f1b7",
|
"share-screen-outlined": "\f1b7",
|
||||||
"share-screen": "\f1b8",
|
"share-screen-stop": "\f1b8",
|
||||||
"show-message": "\f1b9",
|
"share-screen": "\f1b9",
|
||||||
"sidebar": "\f1ba",
|
"show-message": "\f1ba",
|
||||||
"skip-next": "\f1bb",
|
"sidebar": "\f1bb",
|
||||||
"skip-previous": "\f1bc",
|
"skip-next": "\f1bc",
|
||||||
"smallscreen": "\f1bd",
|
"skip-previous": "\f1bd",
|
||||||
"smile": "\f1be",
|
"smallscreen": "\f1be",
|
||||||
"sort": "\f1bf",
|
"smile": "\f1bf",
|
||||||
"speaker-muted-story": "\f1c0",
|
"sort": "\f1c0",
|
||||||
"speaker-outline": "\f1c1",
|
"speaker-muted-story": "\f1c1",
|
||||||
"speaker-story": "\f1c2",
|
"speaker-outline": "\f1c2",
|
||||||
"speaker": "\f1c3",
|
"speaker-story": "\f1c3",
|
||||||
"spoiler-disable": "\f1c4",
|
"speaker": "\f1c4",
|
||||||
"spoiler": "\f1c5",
|
"spoiler-disable": "\f1c5",
|
||||||
"sport": "\f1c6",
|
"spoiler": "\f1c6",
|
||||||
"star": "\f1c7",
|
"sport": "\f1c7",
|
||||||
"stars-lock": "\f1c8",
|
"star": "\f1c8",
|
||||||
"stats": "\f1c9",
|
"stars-lock": "\f1c9",
|
||||||
"stealth-future": "\f1ca",
|
"stats": "\f1ca",
|
||||||
"stealth-past": "\f1cb",
|
"stealth-future": "\f1cb",
|
||||||
"stickers": "\f1cc",
|
"stealth-past": "\f1cc",
|
||||||
"stop-raising-hand": "\f1cd",
|
"stickers": "\f1cd",
|
||||||
"stop": "\f1ce",
|
"stop-raising-hand": "\f1ce",
|
||||||
"story-caption": "\f1cf",
|
"stop": "\f1cf",
|
||||||
"story-expired": "\f1d0",
|
"story-caption": "\f1d0",
|
||||||
"story-priority": "\f1d1",
|
"story-expired": "\f1d1",
|
||||||
"story-reply": "\f1d2",
|
"story-priority": "\f1d2",
|
||||||
"strikethrough": "\f1d3",
|
"story-reply": "\f1d3",
|
||||||
"tag-add": "\f1d4",
|
"strikethrough": "\f1d4",
|
||||||
"tag-crossed": "\f1d5",
|
"tag-add": "\f1d5",
|
||||||
"tag-filter": "\f1d6",
|
"tag-crossed": "\f1d6",
|
||||||
"tag-name": "\f1d7",
|
"tag-filter": "\f1d7",
|
||||||
"tag": "\f1d8",
|
"tag-name": "\f1d8",
|
||||||
"timer": "\f1d9",
|
"tag": "\f1d9",
|
||||||
"toncoin": "\f1da",
|
"timer": "\f1da",
|
||||||
"transcribe": "\f1db",
|
"toncoin": "\f1db",
|
||||||
"truck": "\f1dc",
|
"transcribe": "\f1dc",
|
||||||
"unarchive": "\f1dd",
|
"truck": "\f1dd",
|
||||||
"underlined": "\f1de",
|
"unarchive": "\f1de",
|
||||||
"unlock-badge": "\f1df",
|
"underlined": "\f1df",
|
||||||
"unlock": "\f1e0",
|
"unlock-badge": "\f1e0",
|
||||||
"unmute": "\f1e1",
|
"unlock": "\f1e1",
|
||||||
"unpin": "\f1e2",
|
"unmute": "\f1e2",
|
||||||
"unread": "\f1e3",
|
"unpin": "\f1e3",
|
||||||
"up": "\f1e4",
|
"unread": "\f1e4",
|
||||||
"user-filled": "\f1e5",
|
"up": "\f1e5",
|
||||||
"user-online": "\f1e6",
|
"user-filled": "\f1e6",
|
||||||
"user": "\f1e7",
|
"user-online": "\f1e7",
|
||||||
"video-outlined": "\f1e8",
|
"user": "\f1e8",
|
||||||
"video-stop": "\f1e9",
|
"video-outlined": "\f1e9",
|
||||||
"video": "\f1ea",
|
"video-stop": "\f1ea",
|
||||||
"view-once": "\f1eb",
|
"video": "\f1eb",
|
||||||
"voice-chat": "\f1ec",
|
"view-once": "\f1ec",
|
||||||
"volume-1": "\f1ed",
|
"voice-chat": "\f1ed",
|
||||||
"volume-2": "\f1ee",
|
"volume-1": "\f1ee",
|
||||||
"volume-3": "\f1ef",
|
"volume-2": "\f1ef",
|
||||||
"web": "\f1f0",
|
"volume-3": "\f1f0",
|
||||||
"webapp": "\f1f1",
|
"web": "\f1f1",
|
||||||
"word-wrap": "\f1f2",
|
"webapp": "\f1f2",
|
||||||
"zoom-in": "\f1f3",
|
"word-wrap": "\f1f3",
|
||||||
"zoom-out": "\f1f4",
|
"zoom-in": "\f1f4",
|
||||||
|
"zoom-out": "\f1f5",
|
||||||
);
|
);
|
||||||
|
|
||||||
.icon-active-sessions::before {
|
.icon-active-sessions::before {
|
||||||
@ -482,6 +483,9 @@ $icons-map: (
|
|||||||
.icon-edit::before {
|
.icon-edit::before {
|
||||||
content: map.get($icons-map, "edit");
|
content: map.get($icons-map, "edit");
|
||||||
}
|
}
|
||||||
|
.icon-edited::before {
|
||||||
|
content: map.get($icons-map, "edited");
|
||||||
|
}
|
||||||
.icon-email::before {
|
.icon-email::before {
|
||||||
content: map.get($icons-map, "email");
|
content: map.get($icons-map, "email");
|
||||||
}
|
}
|
||||||
|
|||||||
Binary file not shown.
Binary file not shown.
@ -68,6 +68,7 @@ export type FontIconName =
|
|||||||
| 'download'
|
| 'download'
|
||||||
| 'eats'
|
| 'eats'
|
||||||
| 'edit'
|
| 'edit'
|
||||||
|
| 'edited'
|
||||||
| 'email'
|
| 'email'
|
||||||
| 'enter'
|
| 'enter'
|
||||||
| 'expand-modal'
|
| 'expand-modal'
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user