Stat tree - UI/scroll behavior tweaks

public/css/style.css

@@ -204,6 +204,9 @@ body.stag_rhs_collapsed .app-right-panel {
 .mcp-theme-1 .overflow-overlay-on-hover:hover {
     overflow: overlay;
 }
+.mcp-theme-1 .overflow-x-scroll {
+    overflow-x: scroll !important;
+}
 .mcp-theme-1 .text-secondary-light {
     color: #c9ddef !important;
 }

resources/views/app/stat-tree/stat-trees/sub/edit.blade.php

@@ -301,12 +301,12 @@
                                         @if(!$multiProView)
                                             <div class="stat-tree-view overflow-auto min-height-300px" id="stat-tree-edit-{{$statTree->id}}"></div>
                                         @else
-                                            <div class="d-flex align-items-start">
-                                                <div class="mv-tree overflow-auto">
+                                            <div class="d-flex align-items-start h-100">
+                                                <div class="mv-tree overflow-auto h-100 d-inline-flex flex-column">
                                                     <div class="multi-pro-view-stat-label">Stat</div>
-                                                    <div class="stat-tree-view overflow-auto" id="stat-tree-edit-{{$statTree->id}}"></div>
+                                                    <div class="stat-tree-view overflow-auto overflow-x-scroll flex-grow-1" id="stat-tree-edit-{{$statTree->id}}"></div>
                                                 </div>
-                                                <div class="overflow-auto mv-table">
+                                                <div class="overflow-auto overflow-x-scroll mv-table h-100">
                                                     <table class="table table-sm multi-pro-stats-table w-auto m-0">
                                                         <thead>
                                                         <tr>
@@ -1464,6 +1464,14 @@
                             }, 'json');
                             @endif
 
+                            @if($multiProView)
+                            $('.mv-tree .stat-tree-view')
+                                .off('scroll')
+                                .on('scroll', function() {
+                                     $('.mv-table').scrollTop($(this).scrollTop());
+                                });
+                            @endif
+
                             ClausesTree.load();
                             StatTree.load();
                             initMoes();