* Adjust code .

This commit is contained in:
guofeilong
2023-03-29 09:35:41 +08:00
parent 7616c67a7d
commit 19b4e07ea7
3 changed files with 22 additions and 5 deletions
+4 -4
View File
@@ -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 */
+17
View File
@@ -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',
+1 -1
View File
@@ -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>