* Adjust code .
This commit is contained in:
@@ -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 */
|
||||
|
||||
@@ -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',
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user