mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-16 12:50:38 +00:00
WIP / Features / Sate
This commit is contained in:
elforjani3
@@ -59,9 +59,10 @@ $pt-font-family: Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
|
||||
@import 'pages/invite-user.scss';
|
||||
@import 'pages/exchange-rate.scss';
|
||||
@import 'pages/customer.scss';
|
||||
@import 'pages/estimate.scss';
|
||||
|
||||
// Views
|
||||
@import 'views/filter-dropdown';
|
||||
// Views
|
||||
@import 'views/filter-dropdown';
|
||||
@import 'views/sidebar';
|
||||
|
||||
.App {
|
||||
@@ -100,45 +101,42 @@ body.authentication {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.select-list--fill-popover{
|
||||
|
||||
.select-list--fill-popover {
|
||||
.bp3-transition-container,
|
||||
.bp3-popover{
|
||||
.bp3-popover {
|
||||
min-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.select-list--fill-button{
|
||||
|
||||
.select-list--fill-button {
|
||||
.bp3-popover-wrapper,
|
||||
.bp3-popover-target{
|
||||
.bp3-popover-target {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.bp3-button{
|
||||
.bp3-button {
|
||||
width: 100%;
|
||||
justify-content: start;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.bp3-datepicker-caption .bp3-html-select::after{
|
||||
.bp3-datepicker-caption .bp3-html-select::after {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.hint{
|
||||
.hint {
|
||||
margin-left: 6px;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
|
||||
.bp3-icon{
|
||||
color: #A1B2C5;
|
||||
|
||||
.bp3-icon {
|
||||
color: #a1b2c5;
|
||||
}
|
||||
|
||||
.bp3-popover-target:hover .bp3-icon{
|
||||
.bp3-popover-target:hover .bp3-icon {
|
||||
color: #90a1b5;
|
||||
}
|
||||
.bp3-icon{
|
||||
.bp3-icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
@@ -155,20 +153,19 @@ body.authentication {
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group .bp3-label{
|
||||
|
||||
.hint{
|
||||
.bp3-popover-wrapper{
|
||||
.bp3-form-group .bp3-label {
|
||||
.hint {
|
||||
.bp3-popover-wrapper {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.bp3-inline) .hint .bp3-popover-target{
|
||||
&:not(.bp3-inline) .hint .bp3-popover-target {
|
||||
display: inline;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-popover.bp3-tooltip{
|
||||
.bp3-popover.bp3-tooltip {
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
379
client/src/style/pages/estimate.scss
Normal file
379
client/src/style/pages/estimate.scss
Normal file
@@ -0,0 +1,379 @@
|
||||
.estimate-form {
|
||||
padding-bottom: 30px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.bp3-form-group {
|
||||
width: 100%;
|
||||
margin: 25px 20px 15px;
|
||||
}
|
||||
.bp3-label {
|
||||
margin: 0 20px 0;
|
||||
font-weight: 500;
|
||||
font-size: 13px;
|
||||
color: #444;
|
||||
width: 130px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
width: 35%;
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
width: 120%;
|
||||
}
|
||||
}
|
||||
|
||||
&__table {
|
||||
padding: 15px 15px 0;
|
||||
|
||||
.bp3-form-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.table {
|
||||
border: 1px dotted rgb(195, 195, 195);
|
||||
border-bottom: transparent;
|
||||
border-left: transparent;
|
||||
|
||||
.th,
|
||||
.td {
|
||||
border-left: 1px dotted rgb(195, 195, 195);
|
||||
|
||||
&.index {
|
||||
> span,
|
||||
> div {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.thead {
|
||||
.tr .th {
|
||||
padding: 10px 10px;
|
||||
background-color: #f2f5fa;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
.tbody {
|
||||
.tr .td {
|
||||
padding: 7px;
|
||||
border-bottom: 1px dotted rgb(195, 195, 195);
|
||||
min-height: 46px;
|
||||
|
||||
&.index {
|
||||
background-color: #f2f5fa;
|
||||
text-align: center;
|
||||
|
||||
> span {
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tr {
|
||||
.bp3-form-group .bp3-input,
|
||||
.form-group--select-list .bp3-button {
|
||||
border-radius: 3px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.bp3-form-group:not(.bp3-intent-danger) .bp3-input,
|
||||
.form-group--select-list:not(.bp3-intent-danger) .bp3-button {
|
||||
border-color: #e5e5e5;
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
.td {
|
||||
border-bottom: transparent;
|
||||
|
||||
.bp3-button,
|
||||
.bp3-input-group {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.td.actions {
|
||||
.bp3-button {
|
||||
background-color: transparent;
|
||||
color: #e68f8e;
|
||||
|
||||
&:hover {
|
||||
color: #c23030;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.row--total {
|
||||
.td.amount {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.th {
|
||||
color: #444;
|
||||
font-weight: 600;
|
||||
border-bottom: 1px dotted #666;
|
||||
}
|
||||
|
||||
.td {
|
||||
border-bottom: 1px dotted #999;
|
||||
|
||||
&.description {
|
||||
.bp3-form-group {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.actions.td {
|
||||
.bp3-button {
|
||||
background: transparent;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__floating-footer {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
padding: 18px 18px;
|
||||
border-top: 1px solid #ececec;
|
||||
|
||||
.has-mini-sidebar & {
|
||||
left: 50px;
|
||||
}
|
||||
}
|
||||
.bp3-button {
|
||||
&.button--clear-lines {
|
||||
background-color: #fcefef;
|
||||
}
|
||||
}
|
||||
.button--clear-lines,
|
||||
.button--new-line {
|
||||
padding-left: 14px;
|
||||
padding-right: 14px;
|
||||
}
|
||||
.dropzone-container {
|
||||
margin-top: 0;
|
||||
align-self: flex-end;
|
||||
}
|
||||
.dropzone {
|
||||
width: 300px;
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
.form-group--description {
|
||||
.bp3-label {
|
||||
font-weight: 500;
|
||||
font-size: 13px;
|
||||
color: #444;
|
||||
}
|
||||
.bp3-form-content {
|
||||
// width: 280px;
|
||||
textarea {
|
||||
width: 450px;
|
||||
min-height: 75px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// .estimate-form {
|
||||
// padding-bottom: 30px;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
|
||||
// .bp3-form-group {
|
||||
// margin: 25px 20px 15px;
|
||||
// width: 100%;
|
||||
// .bp3-label {
|
||||
// font-weight: 500;
|
||||
// font-size: 13px;
|
||||
// color: #444;
|
||||
// width: 130px;
|
||||
// }
|
||||
// .bp3-form-content {
|
||||
// // width: 400px;
|
||||
// width: 45%;
|
||||
// }
|
||||
// }
|
||||
// // .expense-form-footer {
|
||||
// // display: flex;
|
||||
// // padding: 30px 25px 0;
|
||||
// // justify-content: space-between;
|
||||
// // }
|
||||
|
||||
// &__primary-section {
|
||||
// background: #fbfbfb;
|
||||
// }
|
||||
// &__table {
|
||||
// padding: 15px 15px 0;
|
||||
|
||||
// .bp3-form-group {
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// .table {
|
||||
// border: 1px dotted rgb(195, 195, 195);
|
||||
// border-bottom: transparent;
|
||||
// border-left: transparent;
|
||||
|
||||
// .th,
|
||||
// .td {
|
||||
// border-left: 1px dotted rgb(195, 195, 195);
|
||||
|
||||
// &.index {
|
||||
// > span,
|
||||
// > div {
|
||||
// text-align: center;
|
||||
// width: 100%;
|
||||
// font-weight: 500;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// .thead {
|
||||
// .tr .th {
|
||||
// padding: 10px 10px;
|
||||
// background-color: #f2f5fa;
|
||||
// font-size: 14px;
|
||||
// font-weight: 500;
|
||||
// color: #333;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .tbody {
|
||||
// .tr .td {
|
||||
// padding: 7px;
|
||||
// border-bottom: 1px dotted rgb(195, 195, 195);
|
||||
// min-height: 46px;
|
||||
|
||||
// &.index {
|
||||
// background-color: #f2f5fa;
|
||||
// text-align: center;
|
||||
|
||||
// > span {
|
||||
// margin-top: auto;
|
||||
// margin-bottom: auto;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .tr {
|
||||
// .bp3-form-group .bp3-input,
|
||||
// .form-group--select-list .bp3-button {
|
||||
// border-radius: 3px;
|
||||
// padding-left: 8px;
|
||||
// padding-right: 8px;
|
||||
// }
|
||||
|
||||
// .bp3-form-group:not(.bp3-intent-danger) .bp3-input,
|
||||
// .form-group--select-list:not(.bp3-intent-danger) .bp3-button {
|
||||
// border-color: #e5e5e5;
|
||||
// }
|
||||
|
||||
// &:last-of-type {
|
||||
// .td {
|
||||
// border-bottom: transparent;
|
||||
|
||||
// .bp3-button,
|
||||
// .bp3-input-group {
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// .td.actions {
|
||||
// .bp3-button {
|
||||
// background-color: transparent;
|
||||
// color: #e68f8e;
|
||||
|
||||
// &:hover {
|
||||
// color: #c23030;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// &.row--total {
|
||||
// .td.amount {
|
||||
// font-weight: bold;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .th {
|
||||
// color: #444;
|
||||
// font-weight: 600;
|
||||
// border-bottom: 1px dotted #666;
|
||||
// }
|
||||
|
||||
// .td {
|
||||
// border-bottom: 1px dotted #999;
|
||||
|
||||
// &.description {
|
||||
// .bp3-form-group {
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// .actions.td {
|
||||
// .bp3-button {
|
||||
// background: transparent;
|
||||
// margin: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &__floating-footer {
|
||||
// position: fixed;
|
||||
// bottom: 0;
|
||||
// width: 100%;
|
||||
// background: #fff;
|
||||
// padding: 18px 18px;
|
||||
// border-top: 1px solid #ececec;
|
||||
|
||||
// .has-mini-sidebar & {
|
||||
// left: 50px;
|
||||
// }
|
||||
// }
|
||||
// .bp3-button {
|
||||
// &.button--clear-lines {
|
||||
// background-color: #fcefef;
|
||||
// }
|
||||
// }
|
||||
// .button--clear-lines,
|
||||
// .button--new-line {
|
||||
// padding-left: 14px;
|
||||
// padding-right: 14px;
|
||||
// }
|
||||
// .dropzone-container {
|
||||
// margin-top: 0;
|
||||
// align-self: flex-end;
|
||||
// }
|
||||
// .dropzone {
|
||||
// width: 300px;
|
||||
// height: 75px;
|
||||
// }
|
||||
|
||||
// .form-group--description {
|
||||
// .bp3-label {
|
||||
// font-weight: 500;
|
||||
// font-size: 13px;
|
||||
// color: #444;
|
||||
// }
|
||||
// .bp3-form-content {
|
||||
// // width: 280px;
|
||||
// textarea {
|
||||
// width: 450px;
|
||||
// min-height: 75px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
Reference in New Issue
Block a user