diff --git a/src/components/Note/Note.module.scss b/src/components/Note/Note.module.scss index 87c3ca3..da1f4e3 100644 --- a/src/components/Note/Note.module.scss +++ b/src/components/Note/Note.module.scss @@ -362,7 +362,7 @@ color: var(--text-secondary-2); font-size: 14px; font-weight: 400; - line-height: 14px; + line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -437,8 +437,8 @@ justify-content: center; border-radius: 50%; background: var(--devider); - width: 24px; - height: 24px; + width: 26px; + height: 26px; padding: 0; margin: 0; border: none; diff --git a/src/components/PeopleList/PeopleList.tsx b/src/components/PeopleList/PeopleList.tsx index 61c78db..f307be2 100644 --- a/src/components/PeopleList/PeopleList.tsx +++ b/src/components/PeopleList/PeopleList.tsx @@ -14,7 +14,8 @@ import Repliers from './Repliers'; const PeopleList: Component<{ people: PrimalUser[], - label: string, + label?: string, + mentionLabel?: string, id?: string, note?: PrimalNote, }> = (props) => { @@ -41,14 +42,14 @@ const PeopleList: Component<{ 0}> diff --git a/src/pages/Thread.tsx b/src/pages/Thread.tsx index 9c81919..92f2f48 100644 --- a/src/pages/Thread.tsx +++ b/src/pages/Thread.tsx @@ -167,6 +167,7 @@ const Thread: Component = () => { note={primaryNote()} people={people()} label={intl.formatMessage(t.sidebar)} + mentionLabel={intl.formatMessage(t.sidebarMentions)} /> diff --git a/src/translations.ts b/src/translations.ts index ee1f5bd..912f7ba 100644 --- a/src/translations.ts +++ b/src/translations.ts @@ -1852,8 +1852,13 @@ export const toastZapProfile = { export const thread = { sidebar: { - id: 'thread.sidebar.title', - defaultMessage: 'People in this thread', + id: 'thread.sidebar', + defaultMessage: 'Replies to this Note', + description: 'Title of the Thread page sidebar', + }, + sidebarMentions: { + id: 'thread.sidebarMentions', + defaultMessage: 'People in this Note', description: 'Title of the Thread page sidebar', }, pageTitle: {