Merge branch 'feat/ui-v0.4' of git.backyard.segmentfault.com:opensource/answer into feat/ui-v0.4

i18n/en_US.yaml

@@ -1163,8 +1163,8 @@ ui:
         label: Recommend Tags
         text: "Please input tag slug above, one tag per line."
       required_tag:
-        label: Required Tag
-        text: "Every new question must have at least one recommend tag"
+        label: Set recommend tag as required
+        text: "Every new question must have at least one recommend tag."
       reserved_tags:
         label: Reserved Tags
         text: "Reserved tags can only be added to a post by moderator."

ui/src/components/TagSelector/index.tsx

@@ -229,12 +229,7 @@ const TagSelector: FC<IProps> = ({
               {showRequiredTagText &&
                 tags &&
                 tags.filter((v) => v.recommend)?.length > 0 && (
-                  <Dropdown.Item
-                    disabled
-                    style={{ fontWeight: 500 }}
-                    className="text-secondary">
-                    {t('tag_required_text')}
-                  </Dropdown.Item>
+                  <h6 className="dropdown-header">{t('tag_required_text')}</h6>
                 )}
 
               {tags?.map((item, index) => {

ui/src/index.scss

@@ -66,7 +66,7 @@ a {
   display: inline-block;
   font-size: 14px;
   background: rgba($blue-100, 0.5);
-  padding: 1px 7px;
+  padding: 0px 7px 1px;
   color: $blue-700;
   border: 1px solid transparent;
   &:hover {

ui/src/pages/Admin/Write/index.tsx

@@ -43,7 +43,7 @@ const Legal: FC = () => {
     recommend_tags: {
       'ui:widget': 'textarea',
       'ui:options': {
-        rows: 5,
+        rows: 10,
       },
     },
     required_tag: {
@@ -52,7 +52,7 @@ const Legal: FC = () => {
     reserved_tags: {
       'ui:widget': 'textarea',
       'ui:options': {
-        rows: 5,
+        rows: 10,
       },
     },
   };