build: Upgrade stylelint to version 16 and fix issues

Migrate upgrade stylelint from version 10 to 16 and fix all the stylelint and prettier issues in scss files. The following deprecated stylistic rules are no longer supported in stylelint, and the checks are taken over by prettier: - string-quotes - max-empty-lines - max-line-length
2024-11-28 13:46:48 +01:00
parent 756ce9e0c7
commit 31f1890051
345 changed files with 2308 additions and 4783 deletions
@@ -3,38 +3,46 @@
  max-width: 80rem;
  width: 90%;
  padding: 0;
+
  .header {
    padding: 1%;
+
    .header-title-group {
      .loan-card-title {
        color: white;
        width: 90%;
+
        p {
          color: white;
        }
      }
    }
+
    .profile-image-container {
      margin: 1%;
+
      .profile-image {
        object-fit: cover;
        border-radius: 20px;
      }
    }
+
    .loan-actions {
      align-self: flex-end;
      margin: 0 1%;
      // min-width: 72%;
    }
+
    .loan-span {
      margin: 0 0.5%;
    }
  }
+
  .navigation-tabs {
    overflow: auto;
  }
 }

-.loans-overview{
+.loans-overview {
  font-size: 14px;
 }
@@ -3,7 +3,7 @@ table {
 }

 .mat-elevation-z1 {
-  margin: 1em 0 1.5em 0;
+  margin: 1em 0 1.5em;
 }

 .margin-t {
@@ -20,7 +20,7 @@ h3 {
 }

 mat-divider {
-  margin: 1em 0 1em 0;
+  margin: 1em 0;
 }

 .margin-v {
@@ -28,9 +28,9 @@ mat-divider {
 }

 .margin-b {
-  margin: 0 0 1em 0;
+  margin: 0 0 1em;
 }

 .tableName {
-    padding-left: 2%;
+  padding-left: 2%;
 }
@@ -8,7 +8,7 @@ h3 {
 }

 mat-divider {
-  margin: 1em 0 2em 0;
+  margin: 1em 0 2em;
 }

 .margin-v {
@@ -16,7 +16,7 @@ mat-divider {
 }

 .margin-b {
-  margin: 0 0 1em 0;
+  margin: 0 0 1em;
 }

 .margin-t {
@@ -3,10 +3,12 @@ table {
 }

 .mat-elevation-z1 {
-  margin: 1em 0 1.5em 0;
+  margin: 1em 0 1.5em;
 }

-h2, h3, h4 {
+h2,
+h3,
+h4 {
  margin: 0;
  font-weight: 500;
 }
@@ -16,7 +18,7 @@ span {
 }

 mat-divider {
-  margin: 0 0 0.5em 0;
+  margin: 0 0 0.5em;
 }

 .margin-t {
@@ -8,7 +8,7 @@ h3 {
 }

 mat-divider {
-  margin: 1em 0 2em 0;
+  margin: 1em 0 2em;
 }

 .margin-v {
@@ -16,7 +16,7 @@ mat-divider {
 }

 .margin-b {
-  margin: 0 0 1em 0;
+  margin: 0 0 1em;
 }

 .margin-t {
@@ -1,7 +1,7 @@
 table {
-    width: 100%;
+  width: 100%;
 }

 span {
-    margin: 0.5em 0;
+  margin: 0.5em 0;
 }
@@ -1,18 +1,22 @@
 .tab-container {
  padding: 1%;
  margin: 1%;
+
  h3 {
-    margin:1% auto;
+    margin: 1% auto;
  }
+
  table {
    width: 100%;
    margin-top: 3%;
-    .account-action-button{
+
+    .account-action-button {
      min-width: 26px;
      padding: 0 6px;
      margin: 4px;
      line-height: 25px;
    }
+
    .select-row:hover {
      cursor: pointer;
    }
@@ -1,5 +1,6 @@
 .tab-container {
-  padding-bottom: 2%;
+  padding: 1% 1% 2%;
+  margin: 1%;

  h3 {
    margin: 1% auto;
@@ -8,6 +9,7 @@
  .transaction-buttons {
    padding-bottom: 1rem;
    padding-top: 1rem;
+
    .accruals {
      padding-top: 1%;
    }
@@ -28,20 +30,13 @@
  }
 }

-.tab-container {
-	padding: 1%;
-	margin: 1%;
-}
-
 .external-asset-owner-status {
  color: black;
 }

-.account-action-button{
+.account-action-button {
  min-width: 26px;
-  padding: 0 0 3px 0;
+  padding: 0 0 3px;
  margin: 0 2%;
  line-height: 25px;
 }
-
-
@@ -1,5 +1,4 @@
 .asset-transfer-container {
-
  height: 150px;

  .status {
@@ -20,4 +20,4 @@

 span {
  margin: 0.5em 0;
-}
+}
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -7,9 +7,9 @@
 }

 .right-input {
-text-align: right;
+  text-align: right;
 }

 .right-label {
-padding-right: 25px !important;
+  padding-right: 25px !important;
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,4 +1,3 @@
-
 .container {
  max-width: 37rem;
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,11 +1,10 @@
 .container {
-
  .mat-table {
    display: block;
-    font-family: Tahoma, Verdana;
+    font-family: Tahoma, Verdana, sans-serif;
    width: 100%;
  }
-  
+
  .mat-row,
  .mat-header-row {
    display: flex;
@@ -15,17 +14,16 @@
    min-height: 48px;
    padding: 0 24px;
  }
-  
+
  .mat-cell,
  .mat-header-cell {
    flex: 1;
    overflow: hidden;
    word-wrap: break-word;
  }
-  
+
  h3 {
    padding-left: 0;
    margin-bottom: 0;
  }
-
 }
@@ -1,7 +1,7 @@
 .expandcollapsebutton {
-    margin-top: -7px;
+  margin-top: -7px;
 }

 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,9 +1,11 @@
 .container {
  max-width: 37rem;
+
  .print {
    align-self: flex-end;
  }
+
  .screen-report {
-      text-align: center;
+    text-align: center;
  }
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,9 +1,9 @@
 .expandcollapsebutton {
-    margin-top: -7px;
+  margin-top: -7px;
 }

 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }

 .right-input {
@@ -1,9 +1,9 @@
 .expandcollapsebutton {
-    margin-top: -7px;
+  margin-top: -7px;
 }

 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }

 .right-input {
@@ -1,7 +1,7 @@
 .expandcollapsebutton {
-    margin-top: -7px;
+  margin-top: -7px;
 }

 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,26 +1,29 @@
 .view-guarantors-account-tables {
-	padding: 1%;
-	margin: 1%;
-	.table-headers {
-		margin: 0;
-		padding: 6px;
-	}
-	td {
-		padding: 3px;
-	}
+  padding: 1%;
+  margin: 1%;
+
+  .table-headers {
+    margin: 0;
+    padding: 6px;
+  }
+
+  td {
+    padding: 3px;
+  }
 }

 table {
-	width: 100%;
-	.account-action-button{
-		min-width: 26px;
-		padding: 0 6px;
-		margin: 4px;
-		line-height: 25px;
-	}
+  width: 100%;
+
+  .account-action-button {
+    min-width: 26px;
+    padding: 0 6px;
+    margin: 4px;
+    line-height: 25px;
+  }
 }

-.heading-content{
+.heading-content {
  margin-bottom: 1%;
  margin-top: 1%;
  width: 100%;
@@ -31,5 +34,5 @@ table {
 }

 .container {
-    max-width: 73rem;
+  max-width: 73rem;
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
@@ -1,11 +1,12 @@
 table {
-	width: 100%;
-	margin-top: 3%;
+  width: 100%;
+  margin-top: 3%;
+
  .document-action-button {
-      min-width: 26px;
-      padding: 0 6px;
-      margin: 4px;
-      line-height: 25px;
+    min-width: 26px;
+    padding: 0 6px;
+    margin: 4px;
+    line-height: 25px;
  }
 }

@@ -5,7 +5,8 @@ table {
 .container {
  padding-top: 1%;
  padding-bottom: 2%;
+
  .delete-button {
-      margin-left: 1%;
+    margin-left: 1%;
  }
 }
@@ -1,15 +1,16 @@
 table {
-	width: 100%;
-	margin-top: 3%;
+  width: 100%;
+  margin-top: 3%;
+
  .document-action-button {
-      min-width: 26px;
-      padding: 0 6px;
-      margin: 4px;
-      line-height: 25px;
+    min-width: 26px;
+    padding: 0 6px;
+    margin: 4px;
+    line-height: 25px;
  }
 }

 .tab-container {
-	padding: 1%;
-	margin: 1%;
+  padding: 1%;
+  margin: 1%;
 }
@@ -5,7 +5,8 @@ table {
 .container {
  padding-top: 1%;
  padding-bottom: 2%;
+
  .delete-button {
-      margin-left: 1%;
+    margin-left: 1%;
  }
 }
@@ -1,8 +1,8 @@
 table {
-    width: 100%;
-    margin: 3% 0%;
+  width: 100%;
+  margin: 3% 0%;
 }

 .container {
-    padding-bottom: 2%;
+  padding-bottom: 2%;
 }
@@ -1,4 +1,4 @@
 table {
-    width: 100%;
-    margin-top: 3%;
+  width: 100%;
+  margin-top: 3%;
 }
@@ -1,4 +1,5 @@
-@import "assets/styles/helper";
+@use 'assets/styles/helper';
+@use 'assets/styles/colours' as *;

 table {
  width: 100%;
@@ -1,8 +1,9 @@
 table {
  width: 100%;
+
  .action-button {
    min-width: 26px;
-    padding: 0 0 3px 0;
+    padding: 0 0 3px;
    margin: 0 2%;
    line-height: 25px;
  }
@@ -1,15 +1,19 @@
 .tab-container {
  padding: 1%;
  margin: 1%;
+
  h3 {
-    margin:1% auto;
+    margin: 1% auto;
  }
+
  .action-button {
-      margin-left: auto;
+    margin-left: auto;
  }
+
  table {
    width: 100%;
-    .account-action-button{
+
+    .account-action-button {
      min-width: 26px;
      padding: 0 6px;
      margin: 4px;
@@ -1,4 +1,5 @@
-@import "assets/styles/helper";
+@use 'assets/styles/helper';
+@use 'assets/styles/colours' as *;

 .container {
  padding-bottom: 2%;
@@ -6,6 +7,7 @@
  .transaction-buttons {
    padding-bottom: 1rem;
    padding-top: 1rem;
+
    .accruals {
      padding-top: 1%;
    }
@@ -13,9 +15,10 @@

  table {
    width: 100%;
-    .account-action-button{
+
+    .account-action-button {
      min-width: 26px;
-      padding: 0 0 3px 0;
+      padding: 0 0 3px;
      margin: 0 2%;
      line-height: 25px;
    }
@@ -24,21 +27,27 @@
      text-decoration: line-through;
      color: $status-active-overdue;
    }
+
    .linked {
      color: $status-approved;
    }
+
    .accrual {
      color: $msg-default;
    }
+
    .down-payment {
      color: $status-downpayment;
    }
+
    .chargeoff {
      color: $status-chargeoff;
    }
+
    .reage {
      color: $status-reage;
    }
+
    .reamortize {
      color: $status-reamortize;
    }
@@ -1,7 +1,8 @@
 .container {
  max-width: 50rem;
+
  .back-button {
    max-height: 2%;
    margin-bottom: 2%;
-  } 
+  }
 }
@@ -1,7 +1,9 @@
-@import "assets/styles/helper";
+@use 'assets/styles/helper';
+@use 'assets/styles/colours' as *;

 .container {
  max-width: 37rem;
+
  .content {
    div {
      margin: 1rem 0;
@@ -1,4 +1,5 @@
-@import "assets/styles/helper";
+@use 'assets/styles/helper';
+@use 'assets/styles/colours' as *;

 .container {
  max-width: 37rem;