QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-16 21:00:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

BiG-5: Complete, add switch small and medium table row size.

Browse Source
This commit is contained in:
elforjani13
2021-09-26 21:02:53 +02:00
parent fcace4213c
commit 71f9fa47d4
45 changed files with 337 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/style/pages/Accounts/List.scss
View File

@@ -34,7 +34,7 @@
border-radius: 8px;
}
}
.account-desc{
.account-desc {
font-size: 11px;
color: hsl(0, 0%, 50%);
margin-top: 2px;
@@ -57,5 +57,15 @@
}
}
}
.table-size--small {
.tbody .tr {
.normal {
svg {
width: 14px;
height: 14px;
}
}
}
}
}
}

3
src/style/pages/Bills/List.scss
View File

@@ -1,9 +1,6 @@
.dashboard__insider--bills {
.bigcapital-datatable {
.tbody {
.tr {
min-height: 46px;
}
.td.amount {
.cell-inner {
> span {

50
src/style/pages/Customers/List.scss
View File

@@ -1,27 +1,33 @@
.dashboard__insider--customers-list {
.bigcapital-datatable {
.tbody {
.tr .td {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.avatar.td {
.avatar {
display: inline-block;
background: #adbcc9;
border-radius: 50%;
text-align: center;
font-weight: 400;
color: #fff;
.dashboard__insider--customers-list{
.bigcapital-datatable{
.tr .td{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.avatar.td{
.avatar{
height: 30px;
width: 30px;
display: inline-block;
background: #adbcc9;
border-radius: 50%;
line-height: 30px;
text-align: center;
font-weight: 400;
font-size: 14px;
color: #fff;
&[data-size='medium'] {
height: 30px;
width: 30px;
line-height: 30px;
font-size: 14px;
}
&[data-size='small'] {
height: 25px;
width: 25px;
line-height: 25px;
font-size: 12px;
}
}
}
}
}

6
src/style/pages/Expense/List.scss
View File

@@ -5,10 +5,6 @@
.bigcapital-datatable {
.table {
.tbody {
.tr{
min-height: 46px;
}
.td.amount {
span {
font-weight: 600;
@@ -17,4 +13,4 @@
}
}
}
}
}

6
src/style/pages/ManualJournal/List.scss
View File

@@ -4,9 +4,9 @@
}
.tbody {
.tr .td{
padding: 0.8rem 0.5rem;
}
// .tr .td{
// padding: 0.8rem 0.5rem;
// }
.td.amount {
.bp3-popover-target {
border-bottom: 1px solid #e7e7e7;

20
src/style/pages/PaymentMade/List.scss
View File

@@ -1,21 +1,13 @@
.dashboard__insider--payment-mades-list{
.bigcapital-datatable{
.tbody{
.tr{
min-height: 46px;
}
.dashboard__insider--payment-mades-list {
.bigcapital-datatable {
.tbody {
.td.amount {
.cell-inner{
> span{
.cell-inner {
> span {
font-weight: 600;
}
}
}
}
}
}
}

20
src/style/pages/PaymentReceive/List.scss
View File

@@ -1,21 +1,13 @@
.dashboard__insider--payment-receives-list{
.bigcapital-datatable{
.tbody{
.tr .td{
min-height: 46px;
}
.dashboard__insider--payment-receives-list {
.bigcapital-datatable {
.tbody {
.td.amount {
.cell-inner{
> span{
.cell-inner {
> span {
font-weight: 600;
}
}
}
}
}
}
}

25
src/style/pages/SaleEstimate/List.scss
View File

@@ -1,26 +1,13 @@
.dashboard__insider--sale_estimate{
.bigcapital-datatable{
.tbody{
.tr{
min-height: 46px;
}
.tr .td{
padding-top: 0.88rem;
padding-bottom: 0.88rem;
}
.dashboard__insider--sale_estimate {
.bigcapital-datatable {
.tbody {
.td.amount {
.cell-inner{
> span{
.cell-inner {
> span {
font-weight: 600;
}
}
}
}
}
}
}

48
src/style/pages/SaleInvoice/List.scss
View File

@@ -1,43 +1,38 @@
.dashboard__insider--sales-invoices-list{
.bigcapital-datatable{
.tbody{
.balance.td{
.cell-inner{
> span{
.dashboard__insider--sales-invoices-list {
.bigcapital-datatable {
.tbody {
.balance.td {
.cell-inner {
> span {
font-weight: 600;
}
}
}
.status.td{
.status.td {
.overdue-status,
.due-status{
.due-status {
display: block;
font-size: 13.5px;
line-height: 1.4;
+ .partial-paid{
+ .partial-paid {
margin-top: 2px;
}
}
.overdue-status{
.overdue-status {
color: #ec5b0a;
}
.due-status{
.due-status {
color: #1652c8;
}
.partial-paid{
.partial-paid {
font-size: 12px;
line-height: 1;
display: block;
margin-bottom: 6px;
opacity: 0.7;
}
.fully-paid-icon{
.fully-paid-icon {
width: 18px;
height: 18px;
margin-right: 8px;
@@ -46,19 +41,26 @@
fill: #2ba01d;
}
}
.fully-paid-text{
.fully-paid-text {
font-size: 13.5px;
}
.bp3-progress-bar{
.bp3-progress-bar {
height: 4px;
max-width: 180px;
&,
.bp3-progress-meter{
.bp3-progress-meter {
border-radius: 0;
}
}
}
}
.table-size--small {
.status.td {
.bp3-progress-bar {
height: 3px;
}
}
}
}
}
}

20
src/style/pages/SaleReceipt/List.scss
View File

@@ -1,21 +1,13 @@
.dashboard__insider--sales_receipts{
.bigcapital-datatable{
.tbody{
.tr{
min-height: 46px;
}
.dashboard__insider--sales_receipts {
.bigcapital-datatable {
.tbody {
.td.amount {
.cell-inner{
> span{
.cell-inner {
> span {
font-weight: 600;
}
}
}
}
}
}
}

58
src/style/pages/Vendors/List.scss
View File

@@ -1,28 +1,34 @@
.dashboard__insider--vendors-list {
.bigcapital-datatable {
tbody {
.tr .td {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
.avatar.td {
.avatar {
height: 30px;
width: 30px;
display: inline-block;
background: #adbcc9;
border-radius: 50%;
line-height: 30px;
text-align: center;
font-weight: 400;
font-size: 14px;
color: #fff;
}
}
.bigcapital-datatable {
tbody {
.tr .td {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
}
.avatar.td {
.avatar {
display: inline-block;
background: #adbcc9;
border-radius: 50%;
text-align: center;
font-weight: 400;
color: #fff;
&[data-size='medium'] {
height: 30px;
width: 30px;
line-height: 30px;
font-size: 14px;
}
&[data-size='small'] {
height: 25px;
width: 25px;
line-height: 25px;
font-size: 12px;
}
}
}
}
}