(incubator-answer) branch test updated: Feat/1.2.5/UI (#752)

[sh...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

shuai pushed a commit to branch test
in repository https://gitbox.apache.org/repos/asf/incubator-answer.git


The following commit(s) were added to refs/heads/test by this push:
     new 05117c33 Feat/1.2.5/UI (#752)
05117c33 is described below

commit 05117c3374af2975b17ee96800004fe686699b41
Author: dashuai <li...@sifou.com>
AuthorDate: Fri Jan 26 12:29:19 2024 +0800

    Feat/1.2.5/UI (#752)
---
 ui/src/components/Counts/index.tsx       | 8 ++++----
 ui/src/components/QuestionList/index.tsx | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/ui/src/components/Counts/index.tsx b/ui/src/components/Counts/index.tsx
index e3b7dbef..3b5fbe3a 100644
--- a/ui/src/components/Counts/index.tsx
+++ b/ui/src/components/Counts/index.tsx
@@ -51,7 +51,7 @@ const Index: FC<Props> = ({
   return (
     <div className={classname('d-flex align-items-center', 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')}
@@ -60,7 +60,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>
@@ -68,7 +68,7 @@ const Index: FC<Props> = ({
 
       {showAnswers && (
         <div
-          className={`d-flex align-items-center ms-3 ${
+          className={`d-flex flex-shrink-0 align-items-center ms-3 ${
             isAccepted ? 'text-success' : ''
           }`}>
           {isAccepted ? (
@@ -82,7 +82,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')}
diff --git a/ui/src/components/QuestionList/index.tsx b/ui/src/components/QuestionList/index.tsx
index ee09dc1f..4f410990 100644
--- a/ui/src/components/QuestionList/index.tsx
+++ b/ui/src/components/QuestionList/index.tsx
@@ -103,8 +103,8 @@ 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-wrap flex-column flex-md-row align-items-md-center small mb-2 text-secondary">
+                  <div className="d-flex flex-wrap me-0 me-md-3">
                     <BaseUserCard
                       data={li.operator}
                       showAvatar={false}
@@ -113,7 +113,7 @@ const QuestionList: FC<Props> = ({
                     •
                     <FormatTime
                       time={li.operated_at}
-                      className="text-secondary ms-1"
+                      className="text-secondary ms-1 flex-shrink-0"
                       preFix={t(li.operation_type)}
                     />
                   </div>
@@ -124,7 +124,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="mt-2 mt-md-0"
                   />
                 </div>
                 <div className="question-tags m-n1">