From 6b49bb91759aff69082eef6ce0fe87d343b82139 Mon Sep 17 00:00:00 2001
From: Michael An <2331806369@qq.com>
Date: Fri, 23 Aug 2024 16:44:50 +0800
Subject: [PATCH] fix markdown file dropdown style (#6626)

---
 frontend/src/components/toolbar/view-file-toolbar.js | 4 ++--
 frontend/src/css/lib-content-view.css                | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/toolbar/view-file-toolbar.js b/frontend/src/components/toolbar/view-file-toolbar.js
index d4186dcf52..a28028d925 100644
--- a/frontend/src/components/toolbar/view-file-toolbar.js
+++ b/frontend/src/components/toolbar/view-file-toolbar.js
@@ -147,7 +147,7 @@ class ViewFileToolbar extends React.Component {
     return (
       <Fragment>
         {opList.length > 0 &&
-        <Dropdown isOpen={this.state.isDropdownMenuOpen} toggle={this.toggleDropdownMenu}>
+        <Dropdown isOpen={this.state.isDropdownMenuOpen} toggle={this.toggleDropdownMenu} className="view-file-toolbar-dropdown">
           <DropdownToggle
             tag="div"
             role="button"
@@ -159,7 +159,7 @@ class ViewFileToolbar extends React.Component {
             {this.props.children}
             <i className="sf3-font-down sf3-font ml-1 path-item-dropdown-toggle"></i>
           </DropdownToggle>
-          <DropdownMenu onMouseMove={this.onDropDownMouseMove}>
+          <DropdownMenu positionFixed={true} onMouseMove={this.onDropDownMouseMove}>
             {opList.map((item, index) => {
               if (item == 'Divider') {
                 return <DropdownItem key={index} divider />;
diff --git a/frontend/src/css/lib-content-view.css b/frontend/src/css/lib-content-view.css
index da9e868f14..19b6d20b5f 100644
--- a/frontend/src/css/lib-content-view.css
+++ b/frontend/src/css/lib-content-view.css
@@ -304,6 +304,10 @@
   flex-shrink: 0;
 }
 
+.dir-view-path .view-file-toolbar-dropdown {
+  height: 24px;
+}
+
 .custom-modal {
   box-sizing: border-box;
   font-size: 0.875rem;