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