diff --git a/modules/backend/widgets/lists/partials/_list_body_row.htm b/modules/backend/widgets/lists/partials/_list_body_row.htm
index 4718e1364..5a6429313 100644
--- a/modules/backend/widgets/lists/partials/_list_body_row.htm
+++ b/modules/backend/widgets/lists/partials/_list_body_row.htm
@@ -1,10 +1,9 @@
isTreeNodeExpanded($record);
- $childRecords = $record->getChildren();
- }
+ $expanded = $showTree ? $this->isTreeNodeExpanded($record) : null;
+ $childRecords = $showTree ? $record->getChildren() : null;
+ $treeLevelClass = $showTree ? 'list-tree-level-'.$treeLevel : '';
?>
-
+
= $this->makePartial('list_body_checkbox', ['record' => $record]) ?>
diff --git a/modules/backend/widgets/lists/partials/_list_body_tree.htm b/modules/backend/widgets/lists/partials/_list_body_tree.htm
index d4c6318ab..48b52f726 100644
--- a/modules/backend/widgets/lists/partials/_list_body_tree.htm
+++ b/modules/backend/widgets/lists/partials/_list_body_tree.htm
@@ -4,7 +4,7 @@
class="list-expand-collapse"
data-request="= $this->getEventHandler('onToggleTreeNode') ?>"
data-stripe-load-indicator
- data-request-data="node_id: '= $record->id ?>', status: = $expanded ? 1 : 0 ?>">
+ data-request-data="node_id: '= $record->getKey() ?>', status: = $expanded ? 1 : 0 ?>">
diff --git a/modules/system/assets/ui/less/list.less b/modules/system/assets/ui/less/list.less
index e14b16359..a43775cba 100644
--- a/modules/system/assets/ui/less/list.less
+++ b/modules/system/assets/ui/less/list.less
@@ -144,6 +144,7 @@ table.table.data {
border-left: 3px solid transparent;
padding-left: 22px;
}
+
tr.active td {
color: @color-list-text-active;
@@ -151,6 +152,7 @@ table.table.data {
border-left: 3px solid @color-list-stripe-active;
}
}
+
tr.rowlink:hover td, tr:not(.no-data).selected td, {
background: @color-list-hover-bg !important;
text-shadow: 0 -1px 0 @highlight-hover-text-shadow;
@@ -160,6 +162,7 @@ table.table.data {
color: @highlight-hover-text;
}
}
+
tr.rowlink:active td {
text-shadow: 0 -1px 0 @highlight-active-text-shadow;
background: @color-list-active-bg !important;
@@ -370,27 +373,29 @@ table.table.data {
.list-tree {
width: 10px;
padding: 0;
+ padding-left: 0 !important;
+ vertical-align: middle;
a.list-expand-collapse {
padding: 5px;
display: block;
text-align: center;
- font-size: 18px;
+ font-size: 14px;
position: relative;
- top: 5px;
- left: 10px;
text-decoration: none !important;
+ color: @color-list-text-tree;
}
}
// Tree levels 1 - 10
.makeTreeLevel(@count) {
tr.list-tree-level-@{count} {
- a.list-expand-collapse { left: 20px + (10 * @count); }
- td.list-cell-index-1 { padding-left: 25px + (10 * @count); }
+ a.list-expand-collapse { left: 10px + (10 * @count); }
+ td.list-cell-index-1 { padding-left: 15px + (10 * @count); }
}
}
+ .makeTreeLevel(0);
.makeTreeLevel(1);
.makeTreeLevel(2);
.makeTreeLevel(3);
diff --git a/modules/system/assets/ui/less/list.variables.less b/modules/system/assets/ui/less/list.variables.less
index 48c1e8fb4..d4d3f35a1 100644
--- a/modules/system/assets/ui/less/list.variables.less
+++ b/modules/system/assets/ui/less/list.variables.less
@@ -27,6 +27,7 @@
@color-list-text-head: #666666;
@color-list-text: #666666;
@color-list-text-active: #000000;
+@color-list-text-tree: #999999;
@color-list-stripe-active: #ff9933;
@color-list-accent: #ECF0F1;
@color-list-norecords-text: #555555;
diff --git a/modules/system/assets/ui/storm-min.js b/modules/system/assets/ui/storm-min.js
index 526cce448..330fa9bc7 100644
--- a/modules/system/assets/ui/storm-min.js
+++ b/modules/system/assets/ui/storm-min.js
@@ -2628,7 +2628,7 @@ function removeElement(){$element.remove()}
function remove(){window.clearInterval(timer)
$element.removeClass('in')
$.support.transition&&$element.hasClass('fade')?$element.one($.support.transition.end,removeElement).emulateTransitionEnd(500):removeElement()}}
-FlashMessage.DEFAULTS={class:'success',text:'Default text',interval:2}
+FlashMessage.DEFAULTS={class:'success',text:'Default text',interval:5}
if($.oc===undefined)
$.oc={}
$.oc.flashMsg=FlashMessage
diff --git a/modules/system/assets/ui/storm.css b/modules/system/assets/ui/storm.css
index 942c6e5c7..0569c7d02 100644
--- a/modules/system/assets/ui/storm.css
+++ b/modules/system/assets/ui/storm.css
@@ -2629,28 +2629,30 @@ table.table.data .list-checkbox .custom-checkbox{position:relative;top:-14px;lef
table.table.data .list-checkbox .custom-checkbox label{margin-right:0;margin-bottom:0}
table.table.data tbody tr td.list-checkbox{padding-left:17px;padding-right:3px}
table.table.data thead tr th.list-checkbox{padding:18px 0 0 20px}
-table.table.data .list-tree{width:10px;padding:0}
-table.table.data .list-tree a.list-expand-collapse{padding:5px;display:block;text-align:center;font-size:18px;position:relative;top:5px;left:10px;text-decoration:none !important}
-table.table.data tr.list-tree-level-1 a.list-expand-collapse{left:30px}
-table.table.data tr.list-tree-level-1 td.list-cell-index-1{padding-left:35px}
-table.table.data tr.list-tree-level-2 a.list-expand-collapse{left:40px}
-table.table.data tr.list-tree-level-2 td.list-cell-index-1{padding-left:45px}
-table.table.data tr.list-tree-level-3 a.list-expand-collapse{left:50px}
-table.table.data tr.list-tree-level-3 td.list-cell-index-1{padding-left:55px}
-table.table.data tr.list-tree-level-4 a.list-expand-collapse{left:60px}
-table.table.data tr.list-tree-level-4 td.list-cell-index-1{padding-left:65px}
-table.table.data tr.list-tree-level-5 a.list-expand-collapse{left:70px}
-table.table.data tr.list-tree-level-5 td.list-cell-index-1{padding-left:75px}
-table.table.data tr.list-tree-level-6 a.list-expand-collapse{left:80px}
-table.table.data tr.list-tree-level-6 td.list-cell-index-1{padding-left:85px}
-table.table.data tr.list-tree-level-7 a.list-expand-collapse{left:90px}
-table.table.data tr.list-tree-level-7 td.list-cell-index-1{padding-left:95px}
-table.table.data tr.list-tree-level-8 a.list-expand-collapse{left:100px}
-table.table.data tr.list-tree-level-8 td.list-cell-index-1{padding-left:105px}
-table.table.data tr.list-tree-level-9 a.list-expand-collapse{left:110px}
-table.table.data tr.list-tree-level-9 td.list-cell-index-1{padding-left:115px}
-table.table.data tr.list-tree-level-10 a.list-expand-collapse{left:120px}
-table.table.data tr.list-tree-level-10 td.list-cell-index-1{padding-left:125px}
+table.table.data .list-tree{width:10px;padding:0;padding-left:0 !important;vertical-align:middle}
+table.table.data .list-tree a.list-expand-collapse{padding:5px;display:block;text-align:center;font-size:14px;position:relative;text-decoration:none !important;color:#999999}
+table.table.data tr.list-tree-level-0 a.list-expand-collapse{left:10px}
+table.table.data tr.list-tree-level-0 td.list-cell-index-1{padding-left:15px}
+table.table.data tr.list-tree-level-1 a.list-expand-collapse{left:20px}
+table.table.data tr.list-tree-level-1 td.list-cell-index-1{padding-left:25px}
+table.table.data tr.list-tree-level-2 a.list-expand-collapse{left:30px}
+table.table.data tr.list-tree-level-2 td.list-cell-index-1{padding-left:35px}
+table.table.data tr.list-tree-level-3 a.list-expand-collapse{left:40px}
+table.table.data tr.list-tree-level-3 td.list-cell-index-1{padding-left:45px}
+table.table.data tr.list-tree-level-4 a.list-expand-collapse{left:50px}
+table.table.data tr.list-tree-level-4 td.list-cell-index-1{padding-left:55px}
+table.table.data tr.list-tree-level-5 a.list-expand-collapse{left:60px}
+table.table.data tr.list-tree-level-5 td.list-cell-index-1{padding-left:65px}
+table.table.data tr.list-tree-level-6 a.list-expand-collapse{left:70px}
+table.table.data tr.list-tree-level-6 td.list-cell-index-1{padding-left:75px}
+table.table.data tr.list-tree-level-7 a.list-expand-collapse{left:80px}
+table.table.data tr.list-tree-level-7 td.list-cell-index-1{padding-left:85px}
+table.table.data tr.list-tree-level-8 a.list-expand-collapse{left:90px}
+table.table.data tr.list-tree-level-8 td.list-cell-index-1{padding-left:95px}
+table.table.data tr.list-tree-level-9 a.list-expand-collapse{left:100px}
+table.table.data tr.list-tree-level-9 td.list-cell-index-1{padding-left:105px}
+table.table.data tr.list-tree-level-10 a.list-expand-collapse{left:110px}
+table.table.data tr.list-tree-level-10 td.list-cell-index-1{padding-left:115px}
.list-preview{padding:0;margin-bottom:20px;background:white;border:1px solid #d4d8da}
.list-preview .list-header:first-child{padding-top:20px}
.list-preview .control-list:last-child{margin-bottom:0}