mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-17 21:30:31 +00:00
feat: Financial statements enhancement.
This commit is contained in:
Ahmed Bouhuolia
@@ -68,8 +68,8 @@
|
||||
background-size: contain;
|
||||
background-color: #EED1F2;
|
||||
border-radius: 50%;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
|
||||
.user-text {
|
||||
font-size: 12px;
|
||||
@@ -156,6 +156,19 @@
|
||||
background: rgba(219, 55, 55, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
&.button--blue-highlight{
|
||||
background-color: #ebfaff;
|
||||
|
||||
&:hover,
|
||||
&:focus{
|
||||
background-color: darken(#ebfaff, 2.5%);
|
||||
}
|
||||
}
|
||||
|
||||
&.button--gray-highlight{
|
||||
background-color: rgba(127, 189, 255, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.button--table-views{
|
||||
|
||||
@@ -9,70 +9,49 @@
|
||||
width: 100%;
|
||||
.bp3-form-group {
|
||||
.bp3-label {
|
||||
margin-bottom: 15px;
|
||||
margin-right: 15px;
|
||||
font-weight: 500;
|
||||
font-size: 13px;
|
||||
color: #444;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
min-width: 300px;
|
||||
min-height: 32px;
|
||||
background: #fff;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
border: 1px solid #ced4da;
|
||||
|
||||
}
|
||||
}
|
||||
.bp3-input-group {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 300px;
|
||||
|
||||
}
|
||||
&.form-group--ref_no {
|
||||
.bp3-input-group .bp3-input {
|
||||
position: relative;
|
||||
width: 180px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-group--payment_account {
|
||||
.bp3-form-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 0 15px;
|
||||
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
min-width: 380px;
|
||||
min-height: 32px;
|
||||
background: #fff;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
border: 1px solid #ced4da;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-group--currency {
|
||||
.bp3-form-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 0 15px;
|
||||
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
min-width: 180px;
|
||||
min-height: 32px;
|
||||
background: #fff;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
border: 1px solid #ced4da;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__table {
|
||||
padding: 15px 25px 0;
|
||||
padding: 15px 15px 0;
|
||||
|
||||
.bp3-form-group {
|
||||
margin-bottom: 0;
|
||||
@@ -160,19 +139,9 @@
|
||||
}
|
||||
|
||||
&.row--total {
|
||||
.account.td,
|
||||
.debit.td,
|
||||
.credit.td {
|
||||
> span {
|
||||
padding-top: 6px;
|
||||
}
|
||||
}
|
||||
.debit.td,
|
||||
.credit.td {
|
||||
> span {
|
||||
font-weight: 600;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.td.amount{
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -212,17 +181,17 @@
|
||||
.dropzone {
|
||||
width: 300px;
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
margin-right: 20px;
|
||||
.expense-form-footer{
|
||||
display: flex;
|
||||
padding: 30px 25px 0;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.form-group--description {
|
||||
padding: 25px 27px 20px;
|
||||
width: 100%;
|
||||
|
||||
|
||||
.bp3-label {
|
||||
margin-bottom: 15px;
|
||||
margin-right: 15px;
|
||||
font-weight: 500;
|
||||
font-size: 13px;
|
||||
color: #444;
|
||||
@@ -230,10 +199,32 @@
|
||||
.bp3-form-content {
|
||||
// width: 280px;
|
||||
textarea {
|
||||
width: 300px;
|
||||
height: 75px;
|
||||
margin-right: 20px;
|
||||
width: 450px;
|
||||
min-height: 75px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.dashboard__insider--expenses{
|
||||
|
||||
.bigcapital-datatable{
|
||||
|
||||
.tbody{
|
||||
.total_amount{
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.description{
|
||||
.bp3-icon{
|
||||
color: #666;
|
||||
}
|
||||
.bp3-tooltip-indicator{
|
||||
cursor: initial;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -52,7 +52,8 @@
|
||||
}
|
||||
|
||||
.financial-sheet{
|
||||
border: 1px solid #EEE;
|
||||
border: 2px solid #F1F1F1;
|
||||
border-radius: 10px;
|
||||
min-width: 640px;
|
||||
width: auto;
|
||||
padding: 30px 20px;
|
||||
@@ -64,22 +65,22 @@
|
||||
|
||||
&__title{
|
||||
margin: 0;
|
||||
font-weight: 300;
|
||||
font-weight: 400;
|
||||
font-size: 22px;
|
||||
color: #333;
|
||||
color: #464646;
|
||||
text-align: center;
|
||||
}
|
||||
&__sheet-type{
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
font-size: 15px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #666;
|
||||
margin-top: 6px;
|
||||
}
|
||||
&__date{
|
||||
text-align: center;
|
||||
color: #888;
|
||||
color: #666;
|
||||
margin-top: 6px;
|
||||
}
|
||||
&__table{
|
||||
@@ -93,11 +94,6 @@
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
.tbody{
|
||||
.code.td{
|
||||
color: #777;
|
||||
}
|
||||
}
|
||||
.tr.no-results{
|
||||
.td{
|
||||
flex-direction: column;
|
||||
@@ -130,23 +126,32 @@
|
||||
}
|
||||
&--trial-balance{
|
||||
min-width: 720px;
|
||||
|
||||
.financial-sheet__table{
|
||||
.tbody{
|
||||
.balance.td{
|
||||
border-bottom-color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&--general-ledger{
|
||||
.table .tbody{
|
||||
|
||||
.tr.row-type{
|
||||
.financial-sheet__table{
|
||||
.tbody{
|
||||
.tr.row-type{
|
||||
|
||||
&--opening_balance,
|
||||
&--closing_balance{
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
&--opening_balance,
|
||||
&--closing_balance{
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
|
||||
&--closing_balance .td{
|
||||
border-bottom-color: #666;
|
||||
}
|
||||
&--closing_balance .td{
|
||||
border-bottom-color: #666;
|
||||
}
|
||||
|
||||
&--account_name .td.name{
|
||||
font-weight: 500;
|
||||
&--account_name .td.name{
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -188,6 +193,9 @@
|
||||
.account_code.td{
|
||||
color: #666;
|
||||
}
|
||||
.total.td {
|
||||
border-bottom-color: #000;
|
||||
}
|
||||
|
||||
.row--income_total,
|
||||
.row--expense_total,
|
||||
@@ -201,4 +209,70 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--balance-sheet{
|
||||
.financial-sheet__table{
|
||||
.tbody{
|
||||
|
||||
.total.td{
|
||||
border-bottom-color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--receivable-aging-summary{
|
||||
|
||||
.financial-sheet__table{
|
||||
.tbody{
|
||||
.row-type--total{
|
||||
font-weight: 600;
|
||||
|
||||
.td{
|
||||
background-color: #fafbff;
|
||||
border-bottom-color: #666;
|
||||
border-bottom-style: dotted;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.financial-reports{
|
||||
padding: 20px 25px;
|
||||
|
||||
.section-title{
|
||||
font-weight: 500;
|
||||
margin-bottom: 1.6rem;
|
||||
font-size: 20px;
|
||||
color: rgb(31, 50, 85);
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
&__list{
|
||||
display: flex;
|
||||
flex-flow: wrap;
|
||||
margin-left: -28px;
|
||||
}
|
||||
|
||||
&__item{
|
||||
width: 270px;
|
||||
margin-bottom: 40px;
|
||||
margin-left: 28px;
|
||||
border-top: 2px solid #DDD;
|
||||
padding-top: 16px;
|
||||
|
||||
.title{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.desc{
|
||||
color: rgb(31, 50, 85);
|
||||
line-height: 1.55;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -48,7 +48,7 @@
|
||||
background-color: #F2F5FA;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
color: #1e1c3e;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user