From 9c7f0fb149089f826aefcdcbe1008c1fe5ed7f19 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, 3 Aug 2022 15:11:57 +0800
Subject: [PATCH] optimize code (#5229)

---
 frontend/src/css/wiki.css             | 7 +------
 frontend/src/pages/wiki/side-panel.js | 2 +-
 media/css/seahub_react.css            | 8 +++++---
 3 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/frontend/src/css/wiki.css b/frontend/src/css/wiki.css
index 571b5e812b..0be6ae1d68 100644
--- a/frontend/src/css/wiki.css
+++ b/frontend/src/css/wiki.css
@@ -43,12 +43,6 @@
   margin-top: 14px;
 }
 
-.wiki-pages-container .wiki-index-page {
-  margin-top: 20px;
-  margin-left: 2rem;
-  color: #eb8205;
-}
-
 .wiki-md-viewer-rendered-content {
   padding: 30px 0 0;
 }
@@ -136,6 +130,7 @@ img[src=""] {
 @media (max-width: 991.98px) {
   .cur-view-content .wiki-page-container {
     padding: 0 14px;
+    padding-top: 30px;
   }
   .cur-view-content .wiki-page-content {
     width: 100%;
diff --git a/frontend/src/pages/wiki/side-panel.js b/frontend/src/pages/wiki/side-panel.js
index 5284ce5bd3..da2fab17bc 100644
--- a/frontend/src/pages/wiki/side-panel.js
+++ b/frontend/src/pages/wiki/side-panel.js
@@ -31,7 +31,7 @@ class SidePanel extends Component {
     return (
       <Fragment>
         <div className="wiki-pages-container">
-          <div className='wiki-index-page'>{gettext('Index')}</div>
+          <div style={{marginTop: '2px'}}></div>
           <IndexContentViewer
             indexContent={this.props.indexContent}
             onLinkClick={this.props.onLinkClick}
diff --git a/media/css/seahub_react.css b/media/css/seahub_react.css
index 13c52438d7..390f56f36c 100644
--- a/media/css/seahub_react.css
+++ b/media/css/seahub_react.css
@@ -1235,7 +1235,7 @@ a.table-sort-op:hover {
 }
 
 #wiki-file-content .article {
-    margin-right: 200px;
+    width: calc(100% - 200px);
     padding-left: 10px;
     padding-right: 40px;
 }
@@ -1247,7 +1247,7 @@ a.table-sort-op:hover {
 #wiki-file-content .seafile-markdown-outline {
     position: fixed;
     top: 79px;
-    right: 0;
+    right: 10px;
     width: 200px;
     overflow: auto;
     height: 80%;
@@ -1260,10 +1260,12 @@ a.table-sort-op:hover {
 @media (max-width: 767px) {
     #wiki-file-content {
         left: 0;
+        padding: 30px 14px 0;
     }
 
     #wiki-file-content .article {
-        margin-right: 0;
+        margin: 0;
+        padding: 0 10px;
         width: 100%;
     }