左侧抽屉

src/forge/Main/CoderDepot.jsx

@@ -242,7 +242,10 @@ function CoderDepot(props){
               onClose={()=>setVisible(false)}
               list = {mainFlag ? dirInfo : undefined}
             />
-            <div className="drawerBtn" onClick={()=>setVisible(true)}><i className="iconfont icon-youjiantou"></i></div>
+            <div className="drawerBtn" onClick={()=>setVisible(true)}>
+              <i className="iconfont icon-youjiantou font-16"></i>
+              <span>目录</span>
+            </div>
           </React.Fragment>
         }
         <div style={{minHeight:"500px"}}>
@@ -358,7 +361,7 @@ function CoderDepot(props){
                       <FlexAJ className="font-18 color-grey-6 mb20" style={{lineHeight:"28px"}}>简介
                         {projectDetail.permission && (projectDetail.permission==="Admin" || projectDetail.permission==="Owner") && <i onClick={()=>setOpenModal(true)} className="iconfont icon-anquanshezhi color-grey-9 font-15"></i>}
                       </FlexAJ>
-                      {desc && <p className="font-14 color-grey-9 mb15 task-hide-2" style={{lineHeight:"22px",WebkitLineClamp:"4",textAlign:"justify"}}>{desc}</p>}
+                      {desc && <p className="font-14 color-grey-9 mb15 task-hide-2" style={{lineHeight:"22px",WebkitLineClamp:"4",textAlign:"justify",wordBreak:"break-all"}}>{desc}</p>}
                       {
                         website &&
                         <p className="color-grey-6 df">

src/forge/Main/CoderRootIndex.js

@@ -13,10 +13,6 @@ const UploadFile = Loadable({
   loader: () => import('../Newfile/upload_file'),
   loading: Loading,
 })
-const CoderRootDirectory = Loadable({
-	loader: () => import('./CoderRootDirectory'),
-	loading: Loading,
-})
 const CoderRootCommit = Loadable({
 	loader: () => import('./CoderRootCommit'),
 	loading: Loading,

src/forge/Main/Index.scss

@@ -254,20 +254,30 @@
 .drawerBtn{
   position: fixed;
   left: -13px;
-  border:1px solid #d9d9d9;
+  border:1px solid rgb(207,205,223);
   width: 34px;
   border-radius: 0px 12px 12px 0px;
-  text-align: right;
   height: 70px;
-  line-height: 70px;
   top:50%;
   margin-top: -35px;
   cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
   &:hover{
     box-shadow: 1px 0px 7px rgba(0,0,0,0.1);
   }
+  span{
+    writing-mode: vertical-lr;
+    color: #202429;
+    width: 25px;
+  }
   i{
-    color: #d9d9d9;
+    color: #24292e;
+    height: 18px;
+    line-height: 18px;
+    width: 18px;
   }
 }
 .downMenu{