From 19b4e07ea77982bd16fb9367e2662477fc69474e Mon Sep 17 00:00:00 2001
From: guofeilong <guofeilong@easycorp.ltd>
Date: Wed, 29 Mar 2023 09:35:41 +0800
Subject: [PATCH] * Adjust code .

---
 module/api/css/index.css       |  8 ++++----
 module/api/js/index.js         | 17 +++++++++++++++++
 module/api/view/index.html.php |  2 +-
 3 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/module/api/css/index.css b/module/api/css/index.css
index 6e51cb8908..d964921401 100644
--- a/module/api/css/index.css
+++ b/module/api/css/index.css
@@ -1,18 +1,18 @@
 .flex {display: flex;}
 .flex-center {display: flex; justify-content: center; align-items: center;}
-.main {padding-bottom: 0;}
+#main {padding-bottom: 0;}
 
 .selectBox > button {width: 180px;}
 /* main-content */
 #mainContent {}
-#mainContent > #sideBar {flex: 0 0 180px; height: calc(100vh - 140px); overflow: auto;}
+#mainContent > #sideBar {flex: 0 0 180px; height: calc(100vh - 120px); overflow: auto;}
 #mainContent > .sidebar-toggle {flex: 0 0 16px;}
-#mainContent > .main-col {flex: auto; height: calc(100vh - 140px); overflow: auto;}
+#mainContent > .main-col {flex: auto; height: calc(100vh - 120px); overflow: auto;}
 
 /* tree */
 
 /* sideBar */
 
-.sidebar-toggle > .icon {width: 12px; height: 30px; margin-top: -10px; line-height: 30px; color: #fff; text-align: center; background: #7dcdfe; border-radius: 6px;}
+.sidebar-toggle > .icon {width: 16px; height: 30px; margin-top: -10px; line-height: 30px; color: #fff; text-align: center; background: #7dcdfe; border-radius: 6px; cursor: pointer;}
 
 /* table */
diff --git a/module/api/js/index.js b/module/api/js/index.js
index 1ed3fd1575..13379d9aac 100644
--- a/module/api/js/index.js
+++ b/module/api/js/index.js
@@ -16,6 +16,23 @@ $(document).ready(function()
         });
     });
 
+    $(document).on('click', '.sidebar-toggle > .icon', function()
+    {
+        var $icon = $(this);
+        if($icon.hasClass('icon-angle-left'))
+        {
+            $icon.removeClass('icon-angle-left');
+            $icon.addClass('icon-angle-right');
+            $('#sideBar').addClass('hidden');
+        }
+        else
+        {
+            $icon.removeClass('icon-angle-right');
+            $icon.addClass('icon-angle-left');
+            $('#sideBar').removeClass('hidden');
+        }
+    });
+
     $('#fileTree').tree(
     {
         initialState: 'active',
diff --git a/module/api/view/index.html.php b/module/api/view/index.html.php
index 4dca129382..edeb247f9a 100644
--- a/module/api/view/index.html.php
+++ b/module/api/view/index.html.php
@@ -46,7 +46,7 @@
     <div id="fileTree" class="file-tree"></div>
   </div>
   <div class="sidebar-toggle flex-center"><i class="icon icon-angle-left"></i></div>
-  <div class="main-col flex-full col overflow-visible flex-auto overflow-visible" data-min-width="500">
+  <div class="main-col flex-full overflow-visible flex-auto overflow-visible" data-min-width="500">
     <div class="cell<?php if($browseType == 'bySearch') echo ' show';?>" style="min-width: 400px" id="queryBox" data-module=<?php echo $type . $libType . 'Doc';?>></div>
   <?php include 'apilist.html.php';?>
   </div>