make jqtree look nice again

This commit is contained in:
Uwe Steinmann 2021-12-01 11:13:26 +01:00
parent 47f77d9d4c
commit 11dabf2cb0
5 changed files with 11 additions and 42 deletions

View File

@ -2044,7 +2044,7 @@ $(document).ready(function() {
function printNewTreeNavigationHtml($folderid=0, $accessmode=M_READ, $showdocs=0, $formid='form1', $expandtree=0, $orderby='') { /* {{{ */
//echo "<div id=\"jqtree".$formid."\" style=\"margin-left: 10px;\" data-url=\"../op/op.Ajax.php?command=subtree&showdocs=".$showdocs."&orderby=".$orderby."\"></div>\n";
echo "<div id=\"jqtree".$formid."\" style=\"margin-left: 10px;\" data-url=\"".$_SERVER['SCRIPT_NAME']."?action=subtree\"></div>\n";
echo "<div id=\"jqtree".$formid."\" data-url=\"".$_SERVER['SCRIPT_NAME']."?action=subtree\"></div>\n";
} /* }}} */
/**
@ -2167,9 +2167,9 @@ $(function() {
onCreateLi: function(node, $li) {
// Add 'icon' span before title
if(node.is_folder)
$li.find('.jqtree-title').before('<i class="fa fa-folder-o table-row-folder droptarget" data-droptarget="folder_' + node.id + '" rel="folder_' + node.id + '"></i> ').attr('data-name', node.name).attr('rel', 'folder_' + node.id).attr('formtoken', '<?php echo createFormKey(''); ?>').attr('data-uploadformtoken', '<?php echo createFormKey(''); ?>').attr('data-droptarget', 'folder_' + node.id).addClass('droptarget');
$li.find('.jqtree-title').prepend('<i class="fa fa-folder-o"></i> ').attr('data-name', node.name).attr('rel', 'folder_' + node.id).attr('formtoken', '<?php echo createFormKey(''); ?>').attr('data-uploadformtoken', '<?php echo createFormKey(''); ?>').attr('data-droptarget', 'folder_' + node.id).addClass('droptarget');
else
$li.find('.jqtree-title').before('<i class="fa fa-file"></i> ');
$li.find('.jqtree-title').prepend('<i class="fa fa-file"></i> ');
}
});
// Unfold node for currently selected folder

View File

@ -88,18 +88,12 @@ ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
font-weight: bold;
}
ul.jqtree-tree ul.jqtree_common {
margin-left: 19px;
}
ul.jqtree-tree .jqtree-title {
margin-left: 0.5em;
}
ul.jqtree-tree .jqtree-title.jqtree-title-folder {
margin-left: 0.5em;
ul.jqtree-tree li.jqtree_common {
margin-left: 8px;
}
ul.jqtree-tree li.jqtree_common > .jqtree-element:hover {
background-color: #E0E0E0;
background-color: #E0E0E0;
}
legend > span {

View File

@ -2211,9 +2211,9 @@ $(function() {
onCreateLi: function(node, $li) {
// Add 'icon' span before title
if(node.is_folder)
$li.find('.jqtree-title').before('<i class="fa fa-folder-o table-row-folder droptarget" data-droptarget="folder_' + node.id + '" rel="folder_' + node.id + '"></i> ').attr('data-name', node.name).attr('rel', 'folder_' + node.id).attr('formtoken', '<?php echo createFormKey(''); ?>').attr('data-uploadformtoken', '<?php echo createFormKey(''); ?>').attr('data-droptarget', 'folder_' + node.id).addClass('droptarget');
$li.find('.jqtree-title').prepend('<i class="fa fa-folder-o"></i> ').attr('data-name', node.name).attr('rel', 'folder_' + node.id).attr('formtoken', '<?php echo createFormKey(''); ?>').attr('data-uploadformtoken', '<?php echo createFormKey(''); ?>').attr('data-droptarget', 'folder_' + node.id).addClass('droptarget');
else
$li.find('.jqtree-title').before('<i class="fa fa-file"></i> ');
$li.find('.jqtree-title').prepend('<i class="fa fa-file"></i> ');
}
});
// Unfold node for currently selected folder

View File

@ -103,18 +103,12 @@ ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
font-weight: bold;
}
ul.jqtree-tree ul.jqtree_common {
margin-left: 19px;
}
ul.jqtree-tree .jqtree-title {
margin-left: 0.5em;
}
ul.jqtree-tree .jqtree-title.jqtree-title-folder {
margin-left: 0.5em;
ul.jqtree-tree li.jqtree_common {
margin-left: 8px;
}
ul.jqtree-tree li.jqtree_common > .jqtree-element:hover {
background-color: #E0E0E0;
background-color: #E0E0E0;
}
legend > span {

View File

@ -1,22 +1,3 @@
ul.jqtree-tree ul.jqtree_common {
margin-left: 22px;
}
ul.jqtree-tree li.jqtree_common {
margin-left: 0px;
}
ul.jqtree-tree li.jqtree_folder {
margin-left: 0px;
}
ul.jqtree-tree .jqtree-title {
margin-left: 0.3em;
}
ul.jqtree-tree .jqtree-title.jqtree-title-folder {
margin-left: 0.3em;
}
ul.jqtree-tree .jqtree-element {
display: initial;
}
/* Sticky footer styles
-------------------------------------------------- */
html {