style: username space issue post summary

This commit is contained in:
Mehak Nasir
2023-01-05 16:23:29 +05:00
committed by Mehak Nasir
parent aade749d54
commit 928108e96c
4 changed files with 5 additions and 6 deletions

View File

@@ -38,7 +38,7 @@ function AuthorLabel({
const isRetiredUser = author ? author.startsWith('retired__user') : false;
const className = classNames('d-flex align-items-center', labelColor);
const className = classNames('d-flex align-items-center mb-0.5', labelColor);
const showUserNameAsLink = useShowLearnersTab()
&& linkToProfile && author && author !== intl.formatMessage(messages.anonymous);

View File

@@ -22,11 +22,11 @@ export function PostAvatar({
const outlineColor = AvatarOutlineAndLabelColors[authorLabel];
const avatarSize = useMemo(() => {
let size = '1.75rem';
let size = '2rem';
if (post.type === ThreadType.DISCUSSION && !fromPostLink) {
size = '2.375rem';
} else if (post.type === ThreadType.QUESTION) {
size = '1.375rem';
size = '1.5rem';
}
return size;
}, [post.type]);

View File

@@ -66,11 +66,10 @@ function PostLink({
{ 'bg-light-300': read },
{ 'post-summary-card-selected': post.id === postId })
}
style={{ height: '87px' }}
>
<PostAvatar post={post} authorLabel={post.authorLabel} fromPostLink read={read} />
<div className="d-flex flex-column flex-fill" style={{ minWidth: 0 }}>
<div className="d-flex flex-column justify-content-start mw-100 flex-fill">
<div className="d-flex flex-column justify-content-start mw-100 flex-fill" style={{ marginBottom: '-3px' }}>
<div className="d-flex align-items-center pb-0 mb-0 flex-fill font-weight-500">
<Truncate lines={1} className="mr-1.5" whiteSpace>
<span

View File

@@ -34,7 +34,7 @@ function PostSummaryFooter({
timeago.register('time-locale', timeLocale);
return (
<div className="d-flex align-items-center text-gray-700" style={{ lineHeight: '20px' }}>
<div className="d-flex align-items-center text-gray-700">
<div className="d-flex align-items-center mr-4.5">
<OverlayTrigger
overlay={(