Merge pull request #389 from answerdev/feat/1.1.0/ui

Feat/1.1.0/UI

i18n/en_US.yaml

@@ -1392,7 +1392,7 @@ ui:
       closed_name: closed
       closed_desc: "A closed question can't answer, but still can edit, vote and comment."
       deleted_name: deleted
-      deleted_desc: All reputation gained and lost will be restored.
+      deleted_desc: This post will be deleted.
       btn_cancel: Cancel
       btn_submit: Submit
       btn_next: Next

ui/src/components/Comment/index.tsx

@@ -306,7 +306,8 @@ const Comment = ({ objectId, mode, commentId }) => {
       <div className="mt-2">
         <Button
           variant="link"
-          className="p-0 small btn-no-border"
+          className="p-0 btn-no-border"
+          size="sm"
           onClick={() => {
             if (tryNormalLogged(true)) {
               setVisibleComment(!visibleComment);
@@ -317,7 +318,8 @@ const Comment = ({ objectId, mode, commentId }) => {
         {data && (pageIndex || 1) < Math.ceil((data?.count || 0) / pageSize) && (
           <Button
             variant="link"
-            className="p-0 small ms-3 btn-no-border"
+            size="sm"
+            className="p-0 ms-3 btn-no-border"
             onClick={() => {
               setPageIndex(pageIndex + 1);
             }}>

ui/src/components/Operate/index.tsx

@@ -263,7 +263,8 @@ const Index: FC<IProps> = ({
           <Button
             key={item.action}
             variant="link"
-            className="link-secondary p-0 small ms-3"
+            size="sm"
+            className="link-secondary p-0 ms-3"
             onClick={() => handleAction(item.action)}>
             {item.name}
           </Button>
@@ -273,7 +274,8 @@ const Index: FC<IProps> = ({
         <Dropdown className="ms-3">
           <Dropdown.Toggle
             variant="link"
-            className="link-secondary p-0 small no-toggle">
+            size="sm"
+            className="link-secondary p-0 no-toggle">
             {t('action', { keyPrefix: 'question_detail' })}
           </Dropdown.Toggle>
           <Dropdown.Menu>

ui/src/pages/Tags/Info/index.tsx

@@ -162,8 +162,9 @@ const TagIntroduction = () => {
               <Button
                 key={action.name}
                 variant="link"
+                size="sm"
                 className={classNames(
-                  'link-secondary btn-no-border p-0 small',
+                  'link-secondary btn-no-border p-0',
                   index > 0 && 'ms-3',
                 )}
                 onClick={() => onAction(action)}>