From 188f0a65d53caab77e5de3a4b6b6eda510f3cdab Mon Sep 17 00:00:00 2001
From: llj <lingjun.li1@gmail.com>
Date: Wed, 25 May 2022 18:48:56 +0800
Subject: [PATCH] [shared file view] markdown: display the 'table of content'

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

diff --git a/frontend/src/css/shared-file-view.css b/frontend/src/css/shared-file-view.css
index 6c6672a065..1c36814058 100644
--- a/frontend/src/css/shared-file-view.css
+++ b/frontend/src/css/shared-file-view.css
@@ -47,6 +47,7 @@
   overflow: auto;
 }
 
+/*
 .shared-file-view-body .md-view {
   min-height: 400px;
   padding: 70px 75px;
@@ -57,6 +58,21 @@
   background: #fff;
   overflow: auto;
 }
+*/
+.shared-file-view-body .article {
+    min-height: calc(100% - 40px);
+    background: #fff;
+    padding: 40px 60px;
+    margin: 20px 40px;
+    border: 1px solid #e6e6dd;
+}
+
+.shared-file-view-body .seafile-markdown-outline {
+  position: static;
+  width: 300px;
+  border-left: 1px solid #e6e6dd;
+  flex-shrink: 0;
+}
 
 @media (max-width: 991.98px) {
   .shared-file-view-head {
diff --git a/frontend/src/shared-file-view-markdown.js b/frontend/src/shared-file-view-markdown.js
index 3207539a93..455a2177f7 100644
--- a/frontend/src/shared-file-view-markdown.js
+++ b/frontend/src/shared-file-view-markdown.js
@@ -76,11 +76,11 @@ class FileContent extends React.Component {
 
     return (
       <div className="shared-file-view-body">
-        <div className="md-view">
+        <div className="md-view d-flex">
           <MarkdownViewer
             scriptSource={mediaUrl + 'js/mathjax/tex-svg.js'}
             markdownContent={this.state.markdownContent}
-            showTOC={false}
+            showTOC={true}
             serviceURL={serviceURL}
             sharedToken={sharedToken}
             repoID={repoID}
@@ -95,4 +95,4 @@ class FileContent extends React.Component {
 ReactDOM.render (
   <SharedFileViewMarkdown />,
   document.getElementById('wrapper')
-);
\ No newline at end of file
+);