From 78c218b12bda5d5d043ee8a462bf6a055d0cdfa8 Mon Sep 17 00:00:00 2001
From: "sylor_huang@126.com" <sylor_huang@126.com>
Date: Fri, 11 Sep 2020 18:45:34 +0800
Subject: [PATCH] Change Index Category

---
 src/forge/Main/Index.js  |  6 ++++++
 src/forge/css/index.scss | 22 +++++++++++++---------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/forge/Main/Index.js b/src/forge/Main/Index.js
index 4abf79b9..7f642e5e 100644
--- a/src/forge/Main/Index.js
+++ b/src/forge/Main/Index.js
@@ -361,6 +361,7 @@ class Index extends Component {
         <div className="ProjectListIndex">
           <div className="list-left">
             <Affix offsetTop={5}>
+              <div className="list-affix">
               <Spin spinning={languageSpin}>
                 <ul className="list-l-Menu">
                   <li className="MenuTitle">
@@ -370,6 +371,8 @@ class Index extends Component {
                   {typeList}
                 </ul>
               </Spin>
+              </div>
+              <div className="list-affix">
               <Spin spinning={categorySpin}>
                 <ul className="list-l-Menu">
                   <li className="MenuTitle">
@@ -379,6 +382,9 @@ class Index extends Component {
                   {categoryList}
                 </ul>
               </Spin>
+              </div>
+              
+              
             </Affix>
           </div>
           <div
diff --git a/src/forge/css/index.scss b/src/forge/css/index.scss
index 865d69d3..41e79fc4 100644
--- a/src/forge/css/index.scss
+++ b/src/forge/css/index.scss
@@ -136,12 +136,12 @@ form{
   vertical-align: middle;
 }
 .pd510{padding: 5px 10px;}
-.list-l-Menu::-webkit-scrollbar,  .category-popver-content::-webkit-scrollbar { width: 0 !important }
+.list-affix::-webkit-scrollbar,.category-popver-content::-webkit-scrollbar { width: 0 !important }
 .category-popver{
-font-size: 14px;
-color: #333333;
-padding: 10px 16px;
-cursor: pointer;
+  font-size: 14px;
+  color: #333333;
+  padding: 10px 16px;
+  cursor: pointer;
 }
 .category-popver:hover, .category-popver.active{
   background-color: #f8f8f8;
@@ -152,18 +152,22 @@ cursor: pointer;
   max-height: 600px;
   overflow-y: auto;
 }
-.list-l-Menu{
+.list-affix{
   -ms-overflow-style: none;
   overflow: -moz-scrollbars-none;
+  min-height: 200px;
+  max-height: 360px;
+  overflow-y: auto;
+}
+.list-l-Menu{
+
   margin-bottom: 12px;
   border-radius:2px;
   // border:1px solid rgba(221,221,221,1);
   background-color: #fff;
   box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
   border-radius: 5px;
-  min-height: 200px;
-  max-height: 40%;
-  overflow-y: auto;
+
   &>li{
     font-size: 1rem;
     padding:0px 0px 0px 20px;