mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-19 06:10:31 +00:00
fix: logo style.
fix: page forms style. feat: auto-fill items entries from item details. fix: hiding dashboard copyright bar.
This commit is contained in:
a.bouhuolia
@@ -24,6 +24,7 @@
|
||||
@import 'components/Toast';
|
||||
@import 'components/PageForm';
|
||||
@import 'components/Tooltip';
|
||||
@import 'components/Postbox';
|
||||
|
||||
// Pages
|
||||
@import 'pages/view-form';
|
||||
@@ -99,4 +100,4 @@ body.hide-scrollbar .Pane2{
|
||||
|
||||
.bp3-progress-bar.bp3-intent-primary .bp3-progress-meter{
|
||||
background-color: #0066ff;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
|
||||
.big-amount{
|
||||
text-align: right;
|
||||
|
||||
&__label{
|
||||
color: #5d6f90;
|
||||
@@ -11,7 +12,7 @@
|
||||
margin: 0;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-weight: 400;
|
||||
font-weight: 500;
|
||||
margin-top: 6px;
|
||||
color: #343463;
|
||||
line-height: 1;
|
||||
|
||||
@@ -1,14 +1,16 @@
|
||||
.datatable-editor {
|
||||
|
||||
.bp3-form-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.table {
|
||||
border: 1px solid #d2dce2;
|
||||
border-left: transparent;
|
||||
background-color: #FFF;
|
||||
|
||||
.th,
|
||||
.td {
|
||||
border-left: 1px solid #e2e2e2;
|
||||
border-left: 1px dashed #e2e2e2;
|
||||
|
||||
&.index {
|
||||
text-align: center;
|
||||
@@ -29,7 +31,8 @@
|
||||
background-color: #f0f2f8;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #1c1940;
|
||||
color: #415060;
|
||||
border-bottom: 1px solid #d2dce2;
|
||||
|
||||
&.index > div {
|
||||
width: 100%;
|
||||
@@ -39,13 +42,14 @@
|
||||
|
||||
.tbody {
|
||||
.tr .td {
|
||||
padding: 5px;
|
||||
padding: 4px;
|
||||
border-bottom: 0;
|
||||
border-top: 1px dashed #aaa;
|
||||
min-height: 42px;
|
||||
border-top: 1px solid #d8d8d8;
|
||||
min-height: 40px;
|
||||
|
||||
&.index {
|
||||
background-color: #f0f2f8;
|
||||
color: #718294;
|
||||
|
||||
> span {
|
||||
margin-top: auto;
|
||||
@@ -126,6 +130,12 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tfooter{
|
||||
.td{
|
||||
min-height: 38px;
|
||||
}
|
||||
}
|
||||
.th {
|
||||
color: #444;
|
||||
font-weight: 600;
|
||||
@@ -142,6 +152,23 @@
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.tbody,
|
||||
.thead,
|
||||
.tfooter{
|
||||
|
||||
// .total,
|
||||
.quantity,
|
||||
.rate,
|
||||
.discount{
|
||||
|
||||
&,
|
||||
input{
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table {
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
padding: 14px 18px;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.05);
|
||||
border-top: 1px solid rgb(210, 221, 226);
|
||||
box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.05);
|
||||
|
||||
.bp3-button-group{
|
||||
@@ -33,6 +33,14 @@
|
||||
&--strip {
|
||||
#{$self}__header-fields {
|
||||
width: 85%;
|
||||
|
||||
.bp3-form-group{
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
> .bp3-form-group:last-of-type{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
#{$self}__body,
|
||||
#{$self}__footer {
|
||||
@@ -40,8 +48,8 @@
|
||||
}
|
||||
|
||||
#{$self}__header {
|
||||
background-color: #fbfbfb;
|
||||
padding: 30px 20px 0;
|
||||
background-color: #FFF;
|
||||
padding: 25px 32px;
|
||||
border-bottom: 1px solid #d2dce2;
|
||||
|
||||
.bp3-form-group.bp3-inline label.bp3-label {
|
||||
@@ -50,15 +58,13 @@
|
||||
}
|
||||
|
||||
#{$self}__body {
|
||||
padding-top: 15px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
padding: 18px 32px 0;
|
||||
}
|
||||
|
||||
#{$self}__footer {
|
||||
margin: 25px 0 0 0;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
margin: 20px 0 0 0;
|
||||
padding-left: 32px;
|
||||
padding-right: 32px;
|
||||
|
||||
label.bp3-label{
|
||||
font-weight: 500;
|
||||
|
||||
48
client/src/style/components/Postbox.scss
Normal file
48
client/src/style/components/Postbox.scss
Normal file
@@ -0,0 +1,48 @@
|
||||
.postbox {
|
||||
border: 1px solid #d2dce2;
|
||||
background: #FFF;
|
||||
|
||||
&__header {
|
||||
border-bottom: 1px solid #d2dde2;
|
||||
height: 38px;
|
||||
padding-left: 18px;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
&__title {
|
||||
vertical-align: middle;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
&.is-toggable .postbox__header {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&__toggle-indicator {
|
||||
margin-left: auto;
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 4px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-bottom: 6px solid #8ca0b3;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&__title {}
|
||||
|
||||
&__content {
|
||||
|
||||
&-inner {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -4,7 +4,7 @@
|
||||
}
|
||||
.path-1,
|
||||
.path-13 {
|
||||
fill: #4f5861;
|
||||
fill: #2d95fd;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -49,7 +49,7 @@ label.bp3-label {
|
||||
background: #e9ecef;
|
||||
}
|
||||
|
||||
.bp3-form-group.bp3-intent-danger & {
|
||||
.bp3-form-group.bp3-intent-danger > & {
|
||||
box-shadow: 0 0 0 transparent;
|
||||
border-color: #db3737;
|
||||
|
||||
|
||||
@@ -1,7 +1,17 @@
|
||||
.dashboard__insider--bill-form{
|
||||
background-color: #FFF;
|
||||
|
||||
body.page-bill-new,
|
||||
body.page-bill-edit{
|
||||
|
||||
.dashboard__footer{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--bill-form{
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
|
||||
.page-form--bill{
|
||||
$self: '.page-form';
|
||||
|
||||
|
||||
@@ -1,5 +1,18 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
|
||||
body.page-customer-new,
|
||||
body.page-customer-edit{
|
||||
|
||||
.dashboard__footer{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--customer-form{
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
.page-form--customer {
|
||||
$self: '.page-form';
|
||||
padding: 20px;
|
||||
|
||||
@@ -11,7 +11,7 @@ $dashboard-views-bar-height: 45px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #dddee3;
|
||||
border-bottom: 1px solid #c7d5db;
|
||||
|
||||
&-right,
|
||||
&-left {
|
||||
@@ -137,7 +137,11 @@ $dashboard-views-bar-height: 45px;
|
||||
}
|
||||
|
||||
&__actions-bar {
|
||||
border-bottom: 2px solid #eaeaea;
|
||||
border-bottom: 2px solid #e1e2e8;
|
||||
|
||||
.bp3-navbar-divider{
|
||||
border-left-color: rgb(199, 214, 219);
|
||||
}
|
||||
|
||||
.#{$ns}-navbar {
|
||||
box-shadow: none;
|
||||
@@ -493,3 +497,5 @@ $dashboard-views-bar-height: 45px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -1,8 +1,5 @@
|
||||
.dashboard__insider--expense-form{
|
||||
background-color: #fff;
|
||||
}
|
||||
.dashboard__insider--expenses{
|
||||
|
||||
.dashboard__insider--expenses{
|
||||
|
||||
.bigcapital-datatable{
|
||||
|
||||
|
||||
@@ -1,3 +1,16 @@
|
||||
|
||||
body.page-item-new,
|
||||
body.page-item-edit{
|
||||
|
||||
.dashboard__footer{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--item-form{
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
.page-form--item {
|
||||
$self: '.page-form';
|
||||
padding: 20px;
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
|
||||
> span {
|
||||
font-weight: 500;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,6 +3,12 @@
|
||||
$self: '.page-form';
|
||||
|
||||
#{$self}__header{
|
||||
display: flex;
|
||||
|
||||
&-fields {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
.bp3-label{
|
||||
min-width: 140px;
|
||||
}
|
||||
@@ -28,10 +34,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider{
|
||||
|
||||
&--make-journal-page{
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,14 @@
|
||||
|
||||
body.page-payment-made-new,
|
||||
body.page-payment-made-edit{
|
||||
|
||||
.dashboard__footer{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--payment-made{
|
||||
background-color: #FFF;
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
.page-form--payment-made {
|
||||
|
||||
@@ -1,26 +1,37 @@
|
||||
|
||||
body.page-payment-receive-new,
|
||||
body.page-payment-receive-edit{
|
||||
|
||||
.dashboard__footer{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--payment-receive-form{
|
||||
background-color: #FFF;
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
|
||||
.page-form--payment-receive {
|
||||
$self: '.page-form';
|
||||
|
||||
#{$self}__header{
|
||||
.bp3-label{
|
||||
#{$self}__header {
|
||||
.bp3-label {
|
||||
min-width: 160px;
|
||||
}
|
||||
.bp3-form-content{
|
||||
|
||||
.bp3-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
.bp3-form-group {
|
||||
margin-bottom: 18px;
|
||||
|
||||
&.bp3-inline{
|
||||
max-width: 470px;
|
||||
&.bp3-inline {
|
||||
max-width: 470px;
|
||||
}
|
||||
button.receive-full-amount{
|
||||
|
||||
button.receive-full-amount {
|
||||
width: auto;
|
||||
padding: 0;
|
||||
min-height: auto;
|
||||
@@ -29,28 +40,28 @@
|
||||
background-color: transparent;
|
||||
color: #0052cc;
|
||||
|
||||
&:hover{
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__primary-section{
|
||||
#{$self}__primary-section {
|
||||
display: flex;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
#{$self}__big-numbers{
|
||||
#{$self}__big-numbers {
|
||||
margin-left: auto;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.datatable-editor{
|
||||
|
||||
.table .tbody{
|
||||
.tr.no-results{
|
||||
.td{
|
||||
.datatable-editor {
|
||||
|
||||
.table .tbody {
|
||||
.tr.no-results {
|
||||
.td {
|
||||
font-size: 15px;
|
||||
padding: 26px 0;
|
||||
color: #5a5a77;
|
||||
@@ -58,11 +69,30 @@
|
||||
}
|
||||
}
|
||||
|
||||
.table{
|
||||
.tr{
|
||||
.table {
|
||||
|
||||
|
||||
.th,
|
||||
.td {
|
||||
|
||||
&.invoice_amount,
|
||||
&.amount_due,
|
||||
&.payment_amount {
|
||||
|
||||
&,
|
||||
input {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tr {
|
||||
|
||||
.td:first-of-type,
|
||||
.th:first-of-type{
|
||||
span, div{
|
||||
.th:first-of-type {
|
||||
|
||||
span,
|
||||
div {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
@@ -71,12 +101,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
#{$self}__footer{
|
||||
.form-group--statement{
|
||||
#{$self}__footer {
|
||||
.form-group--statement {
|
||||
max-width: 500px;
|
||||
width: 100%;
|
||||
|
||||
textarea{
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-height: 70px;
|
||||
}
|
||||
|
||||
@@ -1,5 +1,14 @@
|
||||
|
||||
body.page-estimate-new,
|
||||
body.page-estimate-edit{
|
||||
|
||||
.dashboard__footer{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--estimate-form{
|
||||
background-color: #FFF;
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
.page-form--estimate {
|
||||
|
||||
@@ -1,5 +1,14 @@
|
||||
.dashboard__insider--invoice-form {
|
||||
background-color: #fff;
|
||||
|
||||
body.page-invoice-new,
|
||||
body.page-invoice-edit{
|
||||
|
||||
.dashboard__footer{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--invoice-form{
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
.page-form--invoice {
|
||||
@@ -20,7 +29,7 @@
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
margin-bottom: 18px;
|
||||
|
||||
|
||||
&.bp3-inline {
|
||||
max-width: 440px;
|
||||
|
||||
@@ -1,5 +1,15 @@
|
||||
|
||||
|
||||
body.page-receipt-new,
|
||||
body.page-receipt-edit{
|
||||
|
||||
.dashboard__footer{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--receipt-form{
|
||||
background-color: #fff;
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
.page-form--receipt{
|
||||
|
||||
@@ -1,5 +1,18 @@
|
||||
@import '../../Base.scss';
|
||||
|
||||
body.page-vendor-new,
|
||||
body.page-vendor-edit{
|
||||
|
||||
.dashboard__footer{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard__insider--vendor-form{
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
|
||||
.page-form--vendor {
|
||||
$self: '.page-form';
|
||||
padding: 20px;
|
||||
|
||||
Reference in New Issue
Block a user