From b0a521a92e531cb847cbb540d23eaa4ea68dd55c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E9=A1=BA=E5=BC=BA?= <978987373@qq.com>
Date: Wed, 28 Sep 2022 13:27:13 +0800
Subject: [PATCH] repair shared md viewed bug in mobile (#5269)

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

diff --git a/frontend/src/css/shared-file-view.css b/frontend/src/css/shared-file-view.css
index e967a5bda8..93696d1b48 100644
--- a/frontend/src/css/shared-file-view.css
+++ b/frontend/src/css/shared-file-view.css
@@ -82,6 +82,17 @@
 
 @media (max-width: 768px) {
   .shared-file-view-body .md-view {
-    padding: 40px;
+    padding: 0 10px;
+    width: 100%;
+  }
+
+  .shared-file-view-body .md-view .article {
+    display: flex;
+    padding: 20px;
+    margin: 0;
+  }
+
+  .shared-file-view-body .seafile-markdown-outline {
+    display: none;
   }
 }
diff --git a/frontend/src/shared-file-view-markdown.js b/frontend/src/shared-file-view-markdown.js
index 4dd2151650..ad83652871 100644
--- a/frontend/src/shared-file-view-markdown.js
+++ b/frontend/src/shared-file-view-markdown.js
@@ -83,7 +83,7 @@ class FileContent extends React.Component {
 
     return (
       <div className="shared-file-view-body">
-        <div className="md-view h-100">
+        <div className="md-view">
           <MarkdownViewer
             scriptSource={mediaUrl + 'js/mathjax/tex-svg.js'}
             markdownContent={this.state.markdownContent}