From 4e49095d736eb96cf59f4ecffe2ad767b8949bc0 Mon Sep 17 00:00:00 2001
From: guofeilong <guofeilong@easycorp.ltd>
Date: Wed, 22 Mar 2023 09:54:40 +0800
Subject: [PATCH] * Adjust code .

---
 module/doc/css/tablecontents.css       |  7 +++++--
 module/doc/js/tablecontents.js         | 10 ++++++++--
 module/doc/view/tablecontents.html.php |  7 ++++++-
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/module/doc/css/tablecontents.css b/module/doc/css/tablecontents.css
index 9d0958049e..3812a9ad4d 100644
--- a/module/doc/css/tablecontents.css
+++ b/module/doc/css/tablecontents.css
@@ -51,14 +51,17 @@ li.drag-shadow ul {display: none!important;}
 /* css for tree */
 .file-tree {overflow-x: auto; padding: 10px;}
 .file-tree  a {height: 30px;}
-.flex-center {display: flex; align-items: center; justify-content: space-between;}
+.flex-between {display: flex; align-items: center; justify-content: space-between;}
+.flex-center {display: flex; align-items: center; justify-content: center;}
 .tree li>.list-toggle {top: 4px;}
 
 /* css for sidebar */
 .sidebar-toggle > .icon {position: absolute; top: 50%; left: -1px; width: 12px; height: 30px; margin-top: -10px; line-height: 30px; color: #fff; text-align: center; background: #7dcdfe; border-radius: 6px;}
 .col-spliter:after {display: none;}
 
-.spliter {flex: 0 0 12px;}
+.spliter {flex: 0 0 12px; position: relative;}
+.spliter-btn {height: 28px; width: 10px; background: #fff; position: absolute; top: 30%; left: -6px; border: 1px solid #D9D9D9; border-radius: 2px;}
+.spliter-btn > .spliter-inner {width: 4px; height: 12px; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;}
 
 #mainContent .table-empty-tip > p, #createDocs {display: inline-block;}
 .createDropdown a.btn-primary, .createDropdown a.btn-info {border-right: 1px solid rgba(255,255,255,0.2);}
diff --git a/module/doc/js/tablecontents.js b/module/doc/js/tablecontents.js
index c1ce03e360..3172510658 100644
--- a/module/doc/js/tablecontents.js
+++ b/module/doc/js/tablecontents.js
@@ -95,7 +95,7 @@ $(function()
             var libClass = ['lib', 'annex', 'api', 'execution'].indexOf(item.type) !== -1 ? 'lib' : '';
             var hasChild = item.children ? !!item.children.length : false;
             var $item = '<a href="###" data-has-children="' + hasChild + '" title="' + item.name + '" data-id="' + item.id + '" class="' + libClass + '" data-type="' + item.type + '">';
-            $item += '<div class="text h-full w-full flex-center">' + item.name;
+            $item += '<div class="text h-full w-full flex-between">' + item.name;
             $item += '<i class="icon icon-drop icon-ellipsis-v float-r hidden" data-isCatalogue="' + (item.type ? false : true) + '"></i>';
             $item += '</div>';
             $item += '</a>';
@@ -325,5 +325,11 @@ $(function()
             $(this).addClass('icon-angle-right isHide');
             $('#sideBar').addClass('hidden');
         }
-    })
+    }).on('mousemove', function()
+    {
+        $(this).find('.spliter-btn').removeClass('hidden');
+    }).on('mouseout', function()
+    {
+        $(this).find('.spliter-btn').addClass('hidden');
+    });
 });
diff --git a/module/doc/view/tablecontents.html.php b/module/doc/view/tablecontents.html.php
index a109b9d52f..7d6cbb9bad 100644
--- a/module/doc/view/tablecontents.html.php
+++ b/module/doc/view/tablecontents.html.php
@@ -70,7 +70,12 @@
   <div id='sideBar' class="panel side side-col col overflow-x-auto flex-none" data-min-width="150">
     <div id="fileTree" class="file-tree"></div>
   </div>
-  <div id="spliter" class="spliter col-spliter sidebar-toggle"><i class="icon icon-angle-left"></i></div>
+  <div id="spliter" class="spliter col-spliter sidebar-toggle">
+    <i class="icon icon-angle-left"></i>
+    <div class="spliter-btn flex-center hidden">
+      <div class="spliter-inner"></div>
+    </div>
+  </div>
   <div class="main-col flex-full col overflow-x-auto flex-auto" 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