From 7db323a63af7c936f5655407070a8eb489c9c7d5 Mon Sep 17 00:00:00 2001
From: llj <lingjun.li1@gmail.com>
Date: Fri, 27 May 2022 12:37:10 +0800
Subject: [PATCH] [shared file view] markdown: modifie UI for the 'head' &
 outline

---
 .../src/components/shared-file-view/shared-file-view.js     | 6 ++++--
 frontend/src/shared-file-view-markdown.js                   | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/shared-file-view/shared-file-view.js b/frontend/src/components/shared-file-view/shared-file-view.js
index 887d7045ad..e74b1ca256 100644
--- a/frontend/src/components/shared-file-view/shared-file-view.js
+++ b/frontend/src/components/shared-file-view/shared-file-view.js
@@ -12,7 +12,8 @@ import watermark from 'watermark-dom';
 import '../../css/shared-file-view.css';
 
 const propTypes = {
-  content: PropTypes.object.isRequired
+  content: PropTypes.object.isRequired,
+  fileType: PropTypes.string
 };
 
 let loginUser = window.app.pageOptions.name;
@@ -96,6 +97,7 @@ class SharedFileView extends React.Component {
   }
 
   render() {
+    const { fileType } = this.props;
     return (
       <div className="shared-file-view-md">
         <div className="shared-file-view-md-header d-flex">
@@ -107,7 +109,7 @@ class SharedFileView extends React.Component {
           { loginUser && <Account /> }
         </div>
         <div className="shared-file-view-md-main">
-          <div className="shared-file-view-head">
+          <div className={`shared-file-view-head ${fileType == 'md' ? 'w-100 px-4' : ''}`}>
             <div className="float-left">
               <h2 className="ellipsis" title={fileName}>{fileName}</h2>
               {zipped ?
diff --git a/frontend/src/shared-file-view-markdown.js b/frontend/src/shared-file-view-markdown.js
index 3960bc3eac..c8112a37f3 100644
--- a/frontend/src/shared-file-view-markdown.js
+++ b/frontend/src/shared-file-view-markdown.js
@@ -13,7 +13,7 @@ const { repoID, sharedToken, rawPath, err } = window.shared.pageOptions;
 
 class SharedFileViewMarkdown extends React.Component {
   render() {
-    return <SharedFileView content={<FileContent />} />;
+    return <SharedFileView content={<FileContent />} fileType="md" />;
   }
 }
 
@@ -81,6 +81,7 @@ class FileContent extends React.Component {
             scriptSource={mediaUrl + 'js/mathjax/tex-svg.js'}
             markdownContent={this.state.markdownContent}
             showTOC={true}
+            activeTitleIndex={''}
             serviceURL={serviceURL}
             sharedToken={sharedToken}
             repoID={repoID}