From d1e17a483388336e4928d62e8b42b0fddbf06ad2 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Thu, 21 Jul 2022 18:02:27 +0300
Subject: [PATCH] collapse report styling

---
 public/css/app.css                                 | 12 ++++++++----
 resources/assets/sass/app.css                      |  4 ++++
 .../components/reports/detail/table/row.blade.php  | 14 ++++++++------
 3 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 17c504e04..25e2f7537 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -47143,6 +47143,10 @@ html[dir='rtl'] .el-input__suffix {
         overflow: hidden;
         opacity: 0;
     }
+
+.collapse-sub-report.collapse-sub{
+  display: none;
+}
 /* collapse */
 
 .none-truncate {
@@ -48153,14 +48157,14 @@ body{
     width: 41.666667%;
   }
 
-  .sm\:w-2\/12{
-    width: 16.666667%;
-  }
-
   .sm\:w-4\/12{
     width: 33.333333%;
   }
 
+  .sm\:w-2\/12{
+    width: 16.666667%;
+  }
+
   .sm\:w-1\/12{
     width: 8.333333%;
   }
diff --git a/resources/assets/sass/app.css b/resources/assets/sass/app.css
index fede1ed0e..fb4482368 100644
--- a/resources/assets/sass/app.css
+++ b/resources/assets/sass/app.css
@@ -475,6 +475,10 @@ html[dir='rtl'] .el-input__suffix {
 .collapse-sub {
     @apply opacity-0 h-0 overflow-hidden;
 }
+
+.collapse-sub-report.collapse-sub {
+    @apply hidden;
+}
 /* collapse */
 
 .none-truncate {
diff --git a/resources/views/components/reports/detail/table/row.blade.php b/resources/views/components/reports/detail/table/row.blade.php
index bb1a0c7ed..1d7a8d89e 100644
--- a/resources/views/components/reports/detail/table/row.blade.php
+++ b/resources/views/components/reports/detail/table/row.blade.php
@@ -6,7 +6,7 @@
 
     @if ($row_total = array_sum($rows))
         @if (isset($parent_id))
-            <tr class="collapse-sub" data-collapse="child-{{ $parent_id }}">
+            <tr class="collapse-sub collapse-sub-report" data-collapse="child-{{ $parent_id }}">
                 <td class="{{ $class->column_name_width }} py-top text-left text-black-400" style="padding-left: {{ $tree_level * 20 }}px;" title="{{ $class->row_names[$table_key][$id] }}">{{ $class->row_names[$table_key][$id] }}</td>
         @else
             <tr>
@@ -40,19 +40,21 @@
 
     @if ($row_total = array_sum($parent_row_values))
         @if (isset($parent_id))
-            <tr class="collapse-sub" data-collapse="child-{{ $parent_id }}">
+            <tr class="collapse-sub collapse-sub-report" data-collapse="child-{{ $parent_id }}">
                 <td class="{{ $class->column_name_width }} w-24 py-top text-left text-black-400" style="padding-left: {{ $tree_level * 20 }}px;" title="{{ $class->row_names[$table_key][$id] }}">
         @else
             <tr>
                 <td class="{{ $class->column_name_width }} w-24 py-top text-left text-black-400" title="{{ $class->row_names[$table_key][$id] }}">
         @endif
 
+        <div class="flex items-center">
             {{ $class->row_names[$table_key][$id] }}
             @if (array_sum($parent_row_values) != array_sum($class->row_values[$table_key][$id]))
-            <button type="button" class="align-text-top flex" node="child-{{ $id }}" onClick="toggleSub('child-{{ $id }}', event)">
-                <span class="material-icons transform rotate-90 transition-all text-lg leading-none">expand_more</span>
-            </button>
+                <button type="button" class="align-text-top flex" node="child-{{ $id }}" onClick="toggleSub('child-{{ $id }}', event)">
+                    <span class="material-icons transform rotate-90 transition-all text-lg leading-none mt-.05">expand_less</span>
+                </button>
             @endif
+        </div>
         </td>
         @foreach($parent_row_values as $row)
             <td class="{{ $class->column_value_width }} py-top ltr:text-right rtl:text-left text-alignment-right text-black-400 text-xs">{{ $class->has_money ? money($row, default_currency(), true) : $row }}</td>
@@ -64,7 +66,7 @@
     <!-- no categories part -->
     @php $rows = $class->row_values[$table_key][$id]; @endphp
     @if (($row_total = array_sum($rows)) && array_sum($parent_row_values) != array_sum($rows))
-    <tr class="collapse-sub" data-collapse="child-{{ $id }}">
+    <tr class="collapse-sub collapse-sub-report" data-collapse="child-{{ $id }}">
         <td class="{{ $class->column_name_width }} py-top text-left text-black-400" style="padding-left: {{ ($tree_level + 1) * 20 }}px;" title="{{ $class->row_names[$table_key][$id] }}">{{ $class->row_names[$table_key][$id] }}</td>
         @foreach($rows as $row)
             <td class="{{ $class->column_value_width }} py-top ltr:text-right rtl:text-left text-alignment-right text-black-400 text-xs">{{ $class->has_money ? money($row, default_currency(), true) : $row }}</td>