Merge pull request #4890 from weseek/fix/83698-83704-Fix-dot-button-design

83704 three dot icon and rename icon

packages/app/resource/locales/en_US/translation.json

@@ -11,6 +11,7 @@
   "phone":"Smartphone",
   "tablet":"Tablet",
   "Click to copy": "Click to copy",
+  "Rename" : "Rename",
   "Move/Rename": "Move/Rename",
   "Moved": "Moved",
   "Redirected": "Redirected",

packages/app/resource/locales/ja_JP/translation.json

@@ -11,6 +11,7 @@
   "phone":"スマホ",
   "tablet":"タブレット",
   "Click to copy": "クリックでコピー",
+  "Rename": "名前変更",
   "Move/Rename": "移動/名前変更",
   "Moved": "移動しました",
   "Redirected": "リダイレクトされました",

packages/app/resource/locales/zh_CN/translation.json

@@ -12,6 +12,7 @@
   "tablet":"平板",
 	"Login": "登录",
 	"Click to copy": "点击复制",
+  "Rename": "重命名",
 	"Move/Rename": "移动/重命名",
 	"Moved": "移动",
 	"Redirected": "重定向",

packages/app/src/components/Common/Dropdown/PageItemControl.tsx

@@ -31,10 +31,9 @@ const PageItemControl: FC<PageItemControlProps> = (props: PageItemControlProps)
         className="btn-link dropdown-toggle dropdown-toggle-no-caret border-0 rounded grw-btn-page-management py-0 px-2"
         data-toggle="dropdown"
       >
-        <i className="fa fa-ellipsis-v text-muted p-1"></i>
+        <i className="icon-options fa fa-rotate-90  text-muted p-1"></i>
       </button>
       <div className="dropdown-menu dropdown-menu-right">
-
         {/* TODO: if there is the following button in XD add it here
         <button
           type="button"
@@ -54,11 +53,7 @@ const PageItemControl: FC<PageItemControlProps> = (props: PageItemControlProps)
         */}
 
         {/* TODO: show dropdown when permalink section is implemented */}
-        {!isEnableActions && (
-          <p className="dropdown-item">
-            {t('search_result.currently_not_implemented')}
-          </p>
-        )}
+        {!isEnableActions && <p className="dropdown-item">{t('search_result.currently_not_implemented')}</p>}
         {isEnableActions && (
           <button className="dropdown-item" type="button" onClick={() => toastr.warning(t('search_result.currently_not_implemented'))}>
             <i className="icon-fw icon-star"></i>
@@ -73,8 +68,8 @@ const PageItemControl: FC<PageItemControlProps> = (props: PageItemControlProps)
         )}
         {isEnableActions && (
           <button className="dropdown-item" type="button" onClick={() => toastr.warning(t('search_result.currently_not_implemented'))}>
-            <i className="icon-fw  icon-action-redo"></i>
-            {t('Move/Rename')}
+            <i className="icon-fw icon-note"></i>
+            {t('Rename')}
           </button>
         )}
         {isDeletable && isEnableActions && (