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
This commit is contained in:
Ralph Hopman
2024-11-28 13:46:48 +01:00
committed by Adam Saghy
parent 756ce9e0c7
commit 31f1890051
345 changed files with 2308 additions and 4783 deletions
@@ -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;