feat: optimize style of invoice details.

feat: optimize style of credit note details.
feat: optimize global style checkbox  of the application.
This commit is contained in:
a.bouhuolia
2021-12-20 13:19:59 +02:00
parent fcd1a8849d
commit 4dda2a37aa
47 changed files with 795 additions and 558 deletions

View File

@@ -120,7 +120,6 @@
}
.bp3-control.bp3-checkbox .bp3-control-indicator {
border: 1px solid #c2c2c2;
cursor: auto;
&,
@@ -359,12 +358,10 @@
.ReactVirtualized__Grid {
will-change: auto !important;
}
}
.table-constrant {
.table-constrant,
.table--constrant {
.table {
.thead .th {
background: transparent;
@@ -379,9 +376,5 @@
padding: 0.5rem 0.5rem;
border-bottom: 0;
}
.tbody .tr:last-child .td {
border-bottom: 1px solid #d2dce2;
}
}
}

View File

@@ -10,7 +10,7 @@
flex-grow: 1;
&__content{
margin: 5px 0;
margin: 2px 0;
}
}
}
@@ -23,12 +23,16 @@
flex-direction: row;
&:not(:first-of-type){
margin-top: 16px;
margin-top: 12px;
}
&__label{
padding-right: 10px;
}
&__content{
width: 100%;
}
}
}

View File

@@ -1,68 +0,0 @@
.root {
}
.detail_panel {
:global .card {
padding: 22px 15px;
margin: 15px;
}
&_table {
:global .bigcapital-datatable {
margin-top: 30px;
.thead,
.tbody {
.quantity,
.rate,
.amount {
text-align: right;
}
}
}
}
&_footer {
:global .total_lines {
margin-left: auto;
&_line {
.title {
padding-left: 0;
}
.amount,
.title {
width: 180px;
}
.amount {
text-align: right;
}
}
}
}
&_footer {
display: flex;
margin-bottom: 20px;
}
.total_line {
&_subtotal {
border-bottom: 1px solid #000;
}
&_total {
border-bottom: 3px double #000;
font-weight: 600;
}
&_dueAmount {
font-weight: 600;
}
}
&_note {
b {
color: #727983;
}
}
}

View File

@@ -1,59 +0,0 @@
.detail_panel {
:global .card {
padding: 22px 15px;
}
&_header {
margin-bottom: 30px;
}
&_table {
:global .bigcapital-datatable {
.thead,
.tbody {
.quantity,
.rate,
.amount {
text-align: right;
}
}
}
}
&_footer {
display: flex;
:global .total_lines {
margin-left: auto;
}
:global .total_lines_line {
.amount,
.title {
width: 180px;
}
.amount {
text-align: right;
}
}
.total_line {
&_subtotal {
border-bottom: 1px solid #000;
}
&_total {
border-bottom: 3px double #000;
font-weight: 600;
}
&_dueAmount {
font-weight: 600;
}
}
}
}

View File

@@ -504,4 +504,8 @@ label.bp3-label {
}
}
}
}
.bp3-control.bp3-checkbox .bp3-control-indicator{
border-color: #666;
}

View File

@@ -1,29 +1,29 @@
.datatable--journal-entries {
// margin: 12px;
padding: 12px;
// .datatable--journal-entries {
// // margin: 12px;
// padding: 12px;
.table {
.tbody,
.thead {
.tr .th {
padding: 8px 8px;
background-color: #fff;
font-size: 14px;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
}
}
.tbody {
.tr .td {
border-bottom: 0;
padding-top: 0.4rem;
padding-bottom: 0.4rem;
// .table {
// .tbody,
// .thead {
// .tr .th {
// padding: 8px 8px;
// background-color: #fff;
// font-size: 14px;
// border-bottom: 1px solid #000;
// border-top: 1px solid #000;
// }
// }
// .tbody {
// .tr .td {
// border-bottom: 0;
// padding-top: 0.4rem;
// padding-bottom: 0.4rem;
&.credit,
&.debit {
font-weight: 600;
}
}
}
}
}
// &.credit,
// &.debit {
// font-weight: 600;
// }
// }
// }
// }
// }

View File

@@ -1,27 +0,0 @@
.datatable--refund-transactions {
padding: 12px;
.table {
.tbody,
.thead {
.tr .th {
padding: 8px 8px;
background-color: #fff;
font-size: 14px;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
}
}
.tbody {
.tr .td {
border-bottom: 0;
padding-top: 0.4rem;
padding-bottom: 0.4rem;
&.credit,
&.debit {
font-weight: 600;
}
}
}
}
}