feat: journal and general ledger report.

client/src/style/components/DataTable/DataTable.scss

@@ -27,6 +27,12 @@
         color: #58667b;
         font-weight: 500;
         border-bottom: 1px solid rgb(224, 224, 224);
+
+        > div{
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
       }
       .sort-icon {
         width: 0;
@@ -141,10 +147,23 @@
         .placeholder {
           color: #a0a0a0;
         }
+        .text-overview{
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+
+        }
 
         .bp3-form-group {
           width: 100%;
         }
+
+        &.is-text-overview {
+          .expend-padding{
+            display: flex;
+            width: 100%;
+          }
+        }
       }
       .tr:hover .td {
         background: #f3f7fc;

client/src/style/containers/FinancialStatements/FinancialSheet.scss

@@ -60,12 +60,17 @@
       display: none;
     }
   }
-  &__basis {
+  &__footer {
     color: #888;
     text-align: center;
     margin-top: auto;
     padding-top: 18px;
     font-size: 13px;
+
+
+    > span + span{
+      padding-left: 10px;
+    }
   }
   .dashboard__loading-indicator {
     margin: auto;

client/src/style/pages/FinancialStatements/ARAgingSummary.scss

@@ -13,20 +13,22 @@
           }
         }
         .tbody{
-          .tr .td{
-            border-bottom: 0;
-            padding-top: 0.4rem;
-            padding-bottom: 0.4rem;
-          }
-          .tr:not(:first-child) .td{
-            border-top: 1px solid transparent;
-          }
-          .tr.row-type--total{
-            font-weight: 500;
-  
+          .tr:not(.no-results) {
             .td{
-              border-top: 1px solid #333;
-              border-bottom: 3px double #333;
+              border-bottom: 0;
+              padding-top: 0.4rem;
+              padding-bottom: 0.4rem;
+            }
+            &.row-type--total{
+              font-weight: 500;
+              
+              .td{
+                border-top: 1px solid #333;
+                border-bottom: 3px double #333;
+              }
+            }
+            &:not(:first-child) .td{
+              border-top: 1px solid transparent;
             }
           }
         }

client/src/style/pages/FinancialStatements/BalanceSheet.scss

@@ -36,7 +36,7 @@
         .tr.is-expanded{
           .td.total,
           .td.total-period{
-            > span{
+            > span.cell-text{
               display: none;
             }
           }

client/src/style/pages/FinancialStatements/FinancialSheet.scss

@@ -3,9 +3,17 @@
  
   &--financial-report{
     .table {
+      .tbody{
+
+        .tr.no-results {
+          .td{
+            border-bottom: 1px solid #DDD;
+          }
+        }
+      }
       .thead{
         .tr .th{
-          background: transparent;
+          background-color: #fff;
           border-top: 1px solid #666;
           border-bottom: 1px solid #666;
   

client/src/style/pages/FinancialStatements/GeneralLedger.scss

@@ -2,25 +2,64 @@
 .financial-sheet{
   &--general-ledger{
     .financial-sheet__table{
+      .tbody,
+      .thead{
+        .tr .td,
+        .tr .th{
+          &.credit,
+          &.debit,
+          &.running_balance,
+          &.amount{
+            justify-content: flex-end;
+          }
+        }
+      }
       .tbody{
+       
+        .tr .td{
+          padding-top: 0.2rem;
+          padding-bottom: 0.2rem;
+          border-top-color: transparent;
+          border-bottom-color: transparent;
+  
+          &.date{
+            > div{
+              display: flex;
+            }
+            span.force-width{
+              position: relative;
+            }
+          }
+        }
+        .tr:not(.no-results) .td{
+          border-left: 1px solid #ececec;
+        }
         .tr.row-type{
 
-          &--opening_balance,
-          &--closing_balance{
+
+          &--ACCOUNT_ROW{
             .td{
-              border-top: 1px solid #333;
+              &.date{
+                font-weight: 500;
+              }
+              &.name{
+                border-left-color: transparent;
+              }
             }
-            .name,
-            .amount,
-            .balance{
+            &:not(:first-child).is-expanded .td{
+              border-top: 1px solid #DDD;
+            }
+          }
+          &--OPENING_BALANCE,
+          &--CLOSING_BALANCE{
+            .amount{
               font-weight: 500;
             }
           }
-          &--closing_balance .td{
-            border-bottom-color: #666;
-          }
-          &--account_name .td.name{
-            font-weight: 500;
+          &--CLOSING_BALANCE{
+            .name{
+              font-weight: 500;
+            }
           }
         }
       }

client/src/style/pages/FinancialStatements/Journal.scss

@@ -3,19 +3,39 @@
 
   &--journal{
     .financial-sheet__table{
-
+      .tr .td.credit,
+      .tr .th.credit,
+      .tr .td.debit,
+      .tr .th.debit{
+        justify-content: flex-end;
+      }
       .tbody{
         .tr:not(.no-results) .td{
-          padding: 0.4rem;
+          padding: 0.3rem 0.4rem;
           color: #000;
           border-bottom-color: transparent;
-          min-height: 32px;
+          min-height: 28px;
           border-left: 1px solid #ececec;
 
           &:first-of-type{
             border-left: 0;
           }
+          &.account_name,
+          &.reference_type_formatted{
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow:ellipsis;
+          }
         }
+        .tr:not(.no-results):last-child{
+          .td{
+            border-bottom: 1px solid #dbdbdb;
+          }
+        }
+        .tr.row_type--TOTAL_ENTRIES{
+          font-weight: 600;
+        }
+
       }
     }
   }