From bdc9aa24ecfbfb0b24e8e204f7dbc15ff7da1132 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E9=A1=BA=E5=BC=BA?= <978987373@qq.com>
Date: Mon, 24 Feb 2025 10:55:17 +0800
Subject: [PATCH] optimize code (#7503)

---
 .../src/pages/markdown-editor/css/header-toolbar.css | 12 +++++++++---
 .../pages/markdown-editor/css/markdown-editor.css    |  8 +++++---
 .../markdown-editor/header-toolbar/more-menu.js      |  4 ++--
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/frontend/src/pages/markdown-editor/css/header-toolbar.css b/frontend/src/pages/markdown-editor/css/header-toolbar.css
index e2cfc41c80..7b6aae9244 100644
--- a/frontend/src/pages/markdown-editor/css/header-toolbar.css
+++ b/frontend/src/pages/markdown-editor/css/header-toolbar.css
@@ -43,7 +43,7 @@
   color: #eb8205;
 }
 
-.sf-md-viewer-topbar .btn:focus, 
+.sf-md-viewer-topbar .btn:focus,
 .sf-md-viewer-topbar .btn:active {
   box-shadow: none !important;
   background-color: #EFEFEF;
@@ -64,5 +64,11 @@
   cursor: default;
 }
 
-
-
+.sf-md-viewer-topbar .sf-md-header-more-tool {
+  width: 28px;
+  height: 28px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: #666;
+}
diff --git a/frontend/src/pages/markdown-editor/css/markdown-editor.css b/frontend/src/pages/markdown-editor/css/markdown-editor.css
index b0eeb0492c..9033c43bf8 100644
--- a/frontend/src/pages/markdown-editor/css/markdown-editor.css
+++ b/frontend/src/pages/markdown-editor/css/markdown-editor.css
@@ -12,11 +12,11 @@ html, body, #root {
 
 .sf-md-viewer-topbar-first,
 .sf-md-viewer-topbar-first-narrow {
-  padding: 4px 10px;
+  padding: 0 16px;
   background-color: #fff;
   border-bottom: 1px solid #e5e5e5;
-  box-shadow: 0 3px 2px -2px rgba(200,200,200,.15);
-  flex-shrink:0;
+  box-shadow: 0 3px 2px -2px rgba(200, 200, 200, .15);
+  flex-shrink: 0;
   align-items: center;
 }
 
@@ -25,6 +25,7 @@ html, body, #root {
     display: none !important;
   }
 }
+
 @media (min-width: 768px) {
   .sf-md-viewer-topbar-first-narrow {
     display: none !important;
@@ -40,6 +41,7 @@ html, body, #root {
   */
   user-select: text;
 }
+
 .topbar-file-info .file-title {
   font-size: 1.2rem;
   font-weight: bold;
diff --git a/frontend/src/pages/markdown-editor/header-toolbar/more-menu.js b/frontend/src/pages/markdown-editor/header-toolbar/more-menu.js
index 5a47a43a60..5c63ac76f0 100644
--- a/frontend/src/pages/markdown-editor/header-toolbar/more-menu.js
+++ b/frontend/src/pages/markdown-editor/header-toolbar/more-menu.js
@@ -51,8 +51,8 @@ class MoreMenu extends React.PureComponent {
     const isSmall = this.props.isSmallScreen;
     return (
       <Dropdown isOpen={this.state.dropdownOpen} toggle={this.dropdownToggle} direction="down">
-        <DropdownToggle tag="span" id="moreButton" aria-label={gettext('More operations')}>
-          <Icon symbol="more-vertical" />
+        <DropdownToggle className='sf-md-header-more-tool' tag="span" id="moreButton" aria-label={gettext('More operations')}>
+          <Icon symbol="more-level" />
           <Tooltip toggle={this.tooltipToggle} delay={{ show: 0, hide: 0 }} target="moreButton" placement='bottom' isOpen={this.state.tooltipOpen}>{gettext('More')}
           </Tooltip>
         </DropdownToggle>