p90524618
/
answer
mirror of https://gitee.com/answerdev/answer.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #481 from answerdev/feat/1.1.2/ui 

fix: optimize the user name is too long
This commit is contained in:
dashuai 2023-08-21 17:27:12 +08:00 committed by GitHub
parent 4443811011 8ffa3b3d0e
commit b3fde86131
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ui/src/components/Counts/index.tsx
View File

@ -30,9 +30,10 @@ const Index: FC<Props> = ({
const { t } = useTranslation('translation', { keyPrefix: 'counts' });
return (
<div className={classname('d-flex align-items-center', className)}>
<div
className={classname('d-flex align-items-center flex-wrap', className)}>
{showVotes && (
<div className="d-flex align-items-center">
<div className="d-flex align-items-center flex-shrink-0">
<Icon name="hand-thumbs-up-fill me-1" />
<span>
{data.votes} {t('votes')}
@ -41,7 +42,7 @@ const Index: FC<Props> = ({
)}
{showAccepted && (
<div className="d-flex align-items-center ms-3 text-success">
<div className="d-flex align-items-center ms-3 text-success flex-shrink-0">
<Icon name="check-circle-fill me-1" />
<span>{t('accepted')}</span>
</div>
@ -49,7 +50,7 @@ const Index: FC<Props> = ({
{showAnswers && (
<div
className={`d-flex align-items-center ms-3 ${
className={`d-flex align-items-center ms-3 flex-shrink-0 ${
isAccepted ? 'text-success' : ''
}`}>
{isAccepted ? (
@ -63,7 +64,7 @@ const Index: FC<Props> = ({
</div>
)}
{showViews && (
<span className="summary-stat ms-3">
<span className="summary-stat ms-3 flex-shrink-0">
<Icon name="eye-fill" />
<em className="fst-normal ms-1">
{data.views} {t('views')}

8
ui/src/components/QuestionList/index.tsx
View File

@ -84,8 +84,10 @@ const QuestionList: FC<Props> = ({
{li.status === 2 ? ` [${t('closed')}]` : ''}
</NavLink>
</h5>
<div className="d-flex flex-column flex-md-row align-items-md-center small mb-2 text-secondary">
<div className="d-flex">
<div
className="d-flex flex-column flex-md-row align-items-md-center small mb-2 text-secondary flex-wrap"
style={{ gap: '0.5rem' }}>
<div className="d-flex flex-shrink-0 me-0 me-md-3 flex-nowrap">
<BaseUserCard
data={li.operator}
showAvatar={false}
@ -105,7 +107,7 @@ const QuestionList: FC<Props> = ({
views: li.view_count,
}}
isAccepted={li.accepted_answer_id >= 1}
className="ms-0 ms-md-3 mt-2 mt-md-0"
className="justify-content-start-end justify-content-md-end flex-fill"
/>
</div>
<div className="question-tags m-n1">