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

WIP

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2023-10-03 12:11:55 +02:00
parent 4e9b0ae24f
commit d2242b7744
168 changed files with 742 additions and 730 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalFormFooterLeft.tsx
View File

@@ -22,12 +22,12 @@ export function MakeJournalFormFooterLeft() {
}
const DescriptionFormGroup = styled(FFormGroup)`
&.bp3-form-group {
.bp3-label {
&.bp4-form-group {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}

7
packages/webapp/src/containers/Authentication/_components.tsx
View File

@@ -1,3 +1,4 @@
// @ts-nocheck
import React from 'react';
import styled from 'styled-components';
import { Spinner } from '@blueprintjs/core';
@@ -39,7 +40,7 @@ export const AuthInsiderCopyright = styled.div`
color: #666;
margin-top: 1.2rem;
.bp3-icon-bigcapital {
.bp4-icon-bigcapital {
svg {
path {
fill: #a3a3a3;
@@ -65,11 +66,11 @@ export const AuthFooterLink = styled.p`
export const AuthSubmitButton = styled(Button)`
margin-top: 20px;
&.bp3-intent-primary {
&.bp4-intent-primary {
background-color: #0052cc;
&:disabled,
&.bp3-disabled {
&.bp4-disabled {
background-color: rgba(0, 82, 204, 0.4);
}
}

2
packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsDetailsBar.tsx
View File

@@ -178,7 +178,7 @@ const AccountSwitchItemUpdatedAt = styled.div`
`;
const AccountSwitchButtonBase = styled(Button)`
.bp3-button-text {
.bp4-button-text {
margin-right: 5px;
}
`;

2
packages/webapp/src/containers/Drawers/ItemDetailDrawer/ItemPaymentTransactions/utils.tsx
View File

@@ -53,7 +53,7 @@ export const ItemManuTransaction = ({ onChange }) => {
};
const ItemSwitchButton = styled(Button)`
.bp3-button-text {
.bp4-button-text {
display: flex;
color: #727983;
}

6
packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormFooterLeft.tsx
View File

@@ -20,12 +20,12 @@ export function ExpenseFormFooterLeft() {
);
}
const DescriptionFormGroup = styled(FFormGroup)`
&.bp3-form-group {
.bp3-label {
&.bp4-form-group {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}

2
packages/webapp/src/containers/FinancialStatements/APAgingSummary/APAgingSummaryHeader.tsx
View File

@@ -110,7 +110,7 @@ export default compose(
)(APAgingSummaryHeader);
const APAgingDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 520px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryHeader.tsx
View File

@@ -116,7 +116,7 @@ export default compose(
)(ARAgingSummaryHeader);
const ARAgingDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 520px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/BalanceSheet/BalanceSheetHeader.tsx
View File

@@ -125,7 +125,7 @@ export default compose(
)(BalanceSheetHeader);
const BalanceSheetFinancialHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 520px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/BalanceSheet/BalanceSheetHeaderComparisonPanal.tsx
View File

@@ -159,7 +159,7 @@ export default function BalanceSheetHeaderComparisonPanal() {
}
const BalanceSheetComparisonWrap = styled.div`
.bp3-form-group {
.bp4-form-group {
margin-bottom: 3px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummaryHeader.tsx
View File

@@ -100,7 +100,7 @@ export default compose(
)(CustomersBalanceSummaryHeader);
const CustomerBalanceDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 450px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/CustomersTransactions/CustomersTransactionsHeader.tsx
View File

@@ -101,7 +101,7 @@ export default compose(
)(CustomersTransactionsHeader);
const CustomerTransactionsDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 450px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/FinancialStatementsFilter.tsx
View File

@@ -47,7 +47,7 @@ export default function FinancialStatementsFilter({
{({ form: { setFieldValue }, field: { value } }) => (
<FormGroup
label={label}
className="form-group--select-list bp3-fill"
className="form-group--select-list bp4-fill"
inline={false}
>
<ListSelect

2
packages/webapp/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerHeader.tsx
View File

@@ -120,7 +120,7 @@ export default compose(
)(GeneralLedgerHeader);
const GeneralLedgerDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 520px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/InventoryItemDetails/InventoryItemDetailsHeader.tsx
View File

@@ -119,7 +119,7 @@ export default compose(
)(InventoryItemDetailsHeader);
const InventoryItemDetailsDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 400px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/InventoryValuation/InventoryValuationHeader.tsx
View File

@@ -117,7 +117,7 @@ export default compose(
)(InventoryValuationHeader);
const InventoryValuationDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 450px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/Journal/JournalHeader.tsx
View File

@@ -98,7 +98,7 @@ export default compose(
)(JournalHeader);
const JournalDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 350px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/ProfitLossSheet/ProfitLossSheetHeader.tsx
View File

@@ -114,7 +114,7 @@ export default R.compose(
)(ProfitLossHeader);
const ProfitLossSheetHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 520px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/ProfitLossSheet/ProfitLossSheetHeaderComparisonPanel.tsx
View File

@@ -191,7 +191,7 @@ export default function ProfitLossSheetHeaderComparisonPanel() {
}
const ProfitLossSheetComparisonWrap = styled.div`
.bp3-form-group {
.bp4-form-group {
margin-bottom: 3px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/ProjectProfitabilitySummary/ProjectProfitabilitySummaryHeader.tsx
View File

@@ -109,7 +109,7 @@ export default compose(
)(ProjectProfitabilitySummaryHeader);
const ProjectProfitabilityDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 520px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/PurchasesByItems/PurchasesByItemsHeader.tsx
View File

@@ -98,7 +98,7 @@ export default compose(
)(PurchasesByItemsHeader);
const PurchasesByItemsDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 450px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/SalesByItems/SalesByItemsHeader.tsx
View File

@@ -105,7 +105,7 @@ export default compose(
)(SalesByItemsHeader);
const SalesByItemsDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 450px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/SalesTaxLiabilitySummary/SalesTaxLiabilitySummaryHeader.tsx
View File

@@ -108,7 +108,7 @@ export default compose(
)(SalesTaxLiabilitySummaryHeader);
const SalesTaxSummaryFinancialHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 320px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/SelectDisplayColumnsBy.tsx
View File

@@ -18,7 +18,7 @@ export default function SelectsListColumnsBy(props) {
{({ form, field: { value }, meta: { error, touched } }) => (
<FormGroup
label={<T id={'display_report_columns'} />}
className="form-group-display-columns-by form-group--select-list bp3-fill"
className="form-group-display-columns-by form-group--select-list bp4-fill"
inline={false}
{...formGroupProps}
>

2
packages/webapp/src/containers/FinancialStatements/TrialBalanceSheet/TrialBalanceSheetHeader.tsx
View File

@@ -127,7 +127,7 @@ export default compose(
)(TrialBalanceSheetHeader);
const TrialBalanceSheetDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 450px;
}
`;

2
packages/webapp/src/containers/FinancialStatements/VendorsBalanceSummary/VendorsBalanceSummaryHeader.tsx
View File

@@ -102,7 +102,7 @@ export default compose(
)(VendorsBalanceSummaryHeader);
const VendorBalanceDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer {
.bp4-drawer {
max-height: 450px;
}
`;

2
packages/webapp/src/containers/Preferences/Branches/BranchesDataTable.tsx
View File

@@ -87,7 +87,7 @@ const BranchesTable = styled(DataTable)`
min-height: 38px;
.td.td-name {
.bp3-icon {
.bp4-icon {
margin: 0;
margin-left: 2px;
vertical-align: top;

4
packages/webapp/src/containers/Preferences/General/GeneralForm.tsx
View File

@@ -221,10 +221,10 @@ const CardFooterActions = styled.div`
border-top: 1px solid #e0e7ea;
margin-top: 30px;
.bp3-button {
.bp4-button {
min-width: 70px;
+ .bp3-button {
+ .bp4-button {
margin-left: 10px;
}
}

2
packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/RoleFormFloatingActions.tsx
View File

@@ -49,7 +49,7 @@ const RoleFormFloatingActionsRoot = styled.div`
border-top: 1px solid #d2dde2;
box-shadow: 0px -1px 4px 0px rgb(0 0 0 / 5%);
.bp3-button {
.bp4-button {
margin-right: 10px;
}
`;

4
packages/webapp/src/containers/Preferences/Users/Roles/RolesForm/components.tsx
View File

@@ -374,7 +374,7 @@ export const RolesPermissionList = () => {
};
const PermissionCheckbox = styled(Checkbox)`
&.bp3-control.bp3-checkbox .bp3-control-indicator {
&.bp4-control.bp4-checkbox .bp4-control-indicator {
border-radius: 2px;
border-color: #555;
@@ -454,7 +454,7 @@ const ModulePermissionsTableRoot = styled.table`
}
tr td {
.bp3-control.bp3-inline {
.bp4-control.bp4-inline {
margin: 0;
}

2
packages/webapp/src/containers/Preferences/Warehouses/components.tsx
View File

@@ -150,7 +150,7 @@ export const WarehouseTitle = styled.div`
font-weight: 500;
line-height: 1;
.bp3-icon {
.bp4-icon {
margin: 0;
margin-left: 2px;
vertical-align: top;

8
packages/webapp/src/containers/Projects/containers/EstimatedExpenseFormDialog/index.tsx
View File

@@ -40,17 +40,17 @@ function EstimatedExpenseFormDialog({
export default compose(withDialogRedux())(EstimatedExpenseFormDialog);
const EstimateExpenseFormDialogRoot = styled(Dialog)`
.bp3-dialog-body {
.bp3-form-group {
.bp4-dialog-body {
.bp4-form-group {
margin-bottom: 15px;
label.bp3-label {
label.bp4-label {
margin-bottom: 3px;
font-size: 13px;
}
}
}
.bp3-dialog-footer {
.bp4-dialog-footer {
padding-top: 10px;
}
`;

2
packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/ProjectBillableEntriesFormFloatingActions.tsx
View File

@@ -48,7 +48,7 @@ function ProjectEntriesFormFloatingActions({
export default compose(withDialogActions)(ProjectEntriesFormFloatingActions);
const SaveButton = styled(Button)`
&.bp3-button {
&.bp4-button {
margin-left: 0px;
}
`;

4
packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/components.tsx
View File

@@ -102,8 +102,8 @@ const BillableEntryFooter = styled.div`
`;
const BillableEntryButton = styled(Button)`
&.bp3-button.bp3-small,
&.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal).bp3-small {
&.bp4-button.bp4-small,
&.bp4-button:not([class*='bp4-intent-']):not(.bp4-minimal).bp4-small {
font-size: 12px;
color: #2172ed;
background: transparent;

10
packages/webapp/src/containers/Projects/containers/ProjectBillableEntriesFormDialog/index.tsx
View File

@@ -41,18 +41,18 @@ function ProjectBillableEntriesFormDialog({
export default compose(withDialogRedux())(ProjectBillableEntriesFormDialog);
const ProjectBillableEntriesFormDialogRoot = styled(Dialog)`
.bp3-dialog-body {
.bp3-form-group {
.bp4-dialog-body {
.bp4-form-group {
margin-bottom: 15px;
label.bp3-label {
label.bp4-label {
margin-bottom: 3px;
font-size: 13px;
}
}
}
.bp3-dialog-footer {
.bp3-dialog-footer-actions {
.bp4-dialog-footer {
.bp4-dialog-footer-actions {
display: flex;
justify-content: flex-start;
}

10
packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectDetailTabs.tsx
View File

@@ -48,8 +48,8 @@ export default function ProjectDetailTabs() {
}
const ProjectTabsContent = styled.div`
.bp3-tabs {
.bp3-tab-list {
.bp4-tabs {
.bp4-tab-list {
padding: 0 20px;
background-color: #fff;
border-bottom: 1px solid #d2dce2;
@@ -58,7 +58,7 @@ const ProjectTabsContent = styled.div`
margin-right: 0;
}
&.bp3-large > .bp3-tab {
&.bp4-large > .bp4-tab {
font-size: 15px;
font-weight: 400;
color: #7f8596;
@@ -69,12 +69,12 @@ const ProjectTabsContent = styled.div`
color: #0052cc;
}
}
.bp3-tab-indicator-wrapper .bp3-tab-indicator {
.bp4-tab-indicator-wrapper .bp4-tab-indicator {
height: 2px;
bottom: -2px;
}
}
.bp3-tab-panel {
.bp4-tab-panel {
/* margin: 20px 32px; */
/* margin: 20px; */
/* margin-top: 20px;

4
packages/webapp/src/containers/Projects/containers/ProjectDetails/ProjectTasks/components.tsx
View File

@@ -109,13 +109,13 @@ const TaskTimeFull = styled.div`
`;
const TaskProgressBar = styled(ProgressBar)`
&.bp3-progress-bar {
&.bp4-progress-bar {
display: block;
flex-shrink: 0;
height: 4px;
max-width: 150px;
&,
.bp3-progress-meter {
.bp4-progress-meter {
border-radius: 4px;
}
}

4
packages/webapp/src/containers/Projects/containers/ProjectDetails/components/FinancialSection.tsx
View File

@@ -76,10 +76,10 @@ export const FinancialCardText = styled.div`
color: #7b8195;
`;
export const FinancialCardProgressBar = styled(ProgressBar)`
&.bp3-progress-bar {
&.bp4-progress-bar {
height: 3px;
&,
.bp3-progress-meter {
.bp4-progress-meter {
border-radius: 0;
}
}

8
packages/webapp/src/containers/Projects/containers/ProjectExpenseForm/index.tsx
View File

@@ -40,17 +40,17 @@ function ProjectExpenseFormDialog({
export default compose(withDialogRedux())(ProjectExpenseFormDialog);
const ProjectExpenseFormDialogRoot = styled(Dialog)`
.bp3-dialog-body {
.bp3-form-group {
.bp4-dialog-body {
.bp4-form-group {
margin-bottom: 15px;
label.bp3-label {
label.bp4-label {
margin-bottom: 3px;
font-size: 13px;
}
}
}
.bp3-dialog-footer {
.bp4-dialog-footer {
padding-top: 10px;
}
`;

8
packages/webapp/src/containers/Projects/containers/ProjectFormDialog/index.tsx
View File

@@ -43,17 +43,17 @@ function ProjectFormDialog({
export default compose(withDialogRedux())(ProjectFormDialog);
const ProjectFormDialogRoot = styled(Dialog)`
.bp3-dialog-body {
.bp3-form-group {
.bp4-dialog-body {
.bp4-form-group {
margin-bottom: 0;
label.bp3-label {
label.bp4-label {
margin-bottom: 3px;
font-size: 13px;
}
}
}
.bp3-dialog-footer {
.bp4-dialog-footer {
padding-top: 10px;
}
`;

10
packages/webapp/src/containers/Projects/containers/ProjectInvoicingFormDialog/index.tsx
View File

@@ -34,22 +34,22 @@ function ProjectInvoicingFormDialog({ dialogName, payload: {}, isOpen }) {
export default compose(withDialogRedux())(ProjectInvoicingFormDialog);
const ProjectInvoicingFormDialogRoot = styled(Dialog)`
.bp3-dialog-body {
.bp3-form-group {
.bp4-dialog-body {
.bp4-form-group {
margin-bottom: 15px;
margin-top: 15px;
label.bp3-label {
label.bp4-label {
margin-bottom: 3px;
font-size: 13px;
}
}
label.bp3-control.bp3-checkbox {
label.bp4-control.bp4-checkbox {
margin-top: 15px;
}
}
.bp3-dialog-footer {
.bp4-dialog-footer {
padding-top: 10px;
}
`;

2
packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/ProjectTimeEntryFormFields.tsx
View File

@@ -113,7 +113,7 @@ function ProjectTimeEntryFormFields() {
export default ProjectTimeEntryFormFields;
const DurationInputGroup = styled(FInputGroup)`
.bp3-input {
.bp4-input {
width: 150px;
}
`;

10
packages/webapp/src/containers/Projects/containers/ProjectTimeEntryFormDialog/index.tsx
View File

@@ -47,18 +47,18 @@ function ProjectTimeEntryFormDialog({
export default compose(withDialogRedux())(ProjectTimeEntryFormDialog);
const ProjectTimeEntryFormDialogRoot = styled(Dialog)`
.bp3-dialog-body {
.bp3-form-group {
.bp4-dialog-body {
.bp4-form-group {
margin-bottom: 0;
label.bp3-label {
label.bp4-label {
margin-bottom: 3px;
font-size: 13px;
}
}
.form-group {
&--description {
.bp3-form-content {
.bp4-form-content {
textarea {
width: 100%;
min-width: 100%;
@@ -68,7 +68,7 @@ const ProjectTimeEntryFormDialogRoot = styled(Dialog)`
}
}
}
.bp3-dialog-footer {
.bp4-dialog-footer {
padding-top: 10px;
}
`;

4
packages/webapp/src/containers/Projects/containers/ProjectsLanding/components.tsx
View File

@@ -195,13 +195,13 @@ const ProjectStatusTaskAmount = styled.div`
`;
const ProjectProgressBar = styled(ProgressBar)`
&.bp3-progress-bar {
&.bp4-progress-bar {
display: block;
flex-shrink: 0;
height: 3px;
max-width: 110px;
&,
.bp3-progress-meter {
.bp4-progress-meter {
border-radius: 0;
}
}

6
packages/webapp/src/containers/Purchases/Bills/BillForm/BillFormFooterLeft.tsx
View File

@@ -22,12 +22,12 @@ export function BillFormFooterLeft() {
}
const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group {
.bp3-label {
&.bp4-form-group {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}

2
packages/webapp/src/containers/Purchases/Bills/BillUniversalSearch.tsx
View File

@@ -88,7 +88,7 @@ export function BillUniversalSearchItem(
text={
<div>
<div>{item.text}</div>
<span class="bp3-text-muted">
<span class="bp4-text-muted">
{item.reference.bill_number}{' '}
<Icon icon={'caret-right-16'} iconSize={16} />
{item.reference.formatted_bill_date}

6
packages/webapp/src/containers/Purchases/CreditNotes/CreditNoteForm/VendorCreditNoteFormFooterLeft.tsx
View File

@@ -22,12 +22,12 @@ export function VendorCreditNoteFormFooterLeft() {
}
const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group {
.bp3-label {
&.bp4-form-group {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}

2
packages/webapp/src/containers/Purchases/CreditNotes/VendorCreditIUniversalSearchBind.tsx
View File

@@ -74,7 +74,7 @@ export function VendorCreditUniversalSearchItem(
text={
<div>
<div>{item.text}</div>
<span class="bp3-text-muted">
<span class="bp4-text-muted">
{item.reference.vendor_credit_number}{' '}
<Icon icon={'caret-right-16'} iconSize={16} />
{item.reference.formatted_vendor_credit_date}

6
packages/webapp/src/containers/Purchases/PaymentMades/PaymentForm/PaymentMadeFormFooterLeft.tsx
View File

@@ -28,14 +28,14 @@ export function PaymentMadeFormFooterLeft() {
}
const InternalNoteFormGroup = styled(FFormGroup)`
&.bp3-form-group {
&.bp4-form-group {
margin-bottom: 40px;
.bp3-label {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}

2
packages/webapp/src/containers/Purchases/PaymentMades/PaymentMadeUniversalSearch.tsx
View File

@@ -44,7 +44,7 @@ export function PaymentMadeUniversalSearchItem(
<div>
<div>{highlightText(text, query)}</div>
<span class="bp3-text-muted">
<span class="bp4-text-muted">
{reference.payment_number && (
<>
{highlightText(reference.payment_number, query)}

12
packages/webapp/src/containers/Sales/CreditNotes/CreditNoteForm/CreditNoteFormFooterLeft.tsx
View File

@@ -34,26 +34,26 @@ export function CreditNoteFormFooterLeft() {
}
const CreditNoteMsgFormGroup = styled(FFormGroup)`
&.bp3-form-group {
&.bp4-form-group {
margin-bottom: 40px;
.bp3-label {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}
`;
const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group {
.bp3-label {
&.bp4-form-group {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}

2
packages/webapp/src/containers/Sales/CreditNotes/CreditNoteUniversalSearch.tsx
View File

@@ -73,7 +73,7 @@ export function CreditNoteUniversalSearchItem(
text={
<div>
<div>{item.text}</div>
<span class="bp3-text-muted">
<span class="bp4-text-muted">
{item.reference.credit_note_number}{' '}
<Icon icon={'caret-right-16'} iconSize={16} />
{item.reference.formatted_credit_note_date}

12
packages/webapp/src/containers/Sales/Estimates/EstimateForm/EstimateFormFooterLeft.tsx
View File

@@ -34,26 +34,26 @@ export function EstimateFormFooterLeft() {
}
const EstimateMsgFormGroup = styled(FFormGroup)`
&.bp3-form-group {
&.bp4-form-group {
margin-bottom: 40px;
.bp3-label {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}
`;
const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group {
.bp3-label {
&.bp4-form-group {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}

2
packages/webapp/src/containers/Sales/Estimates/EstimatesLanding/EstimateUniversalSearch.tsx
View File

@@ -76,7 +76,7 @@ export function EstimateUniversalSearchItem(
text={
<div>
<div>{item.text}</div>
<span class="bp3-text-muted">
<span class="bp4-text-muted">
{item.reference.estimate_number}{' '}
<Icon icon={'caret-right-16'} iconSize={16} />
{item.reference.formatted_estimate_date}

4
packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormActions.tsx
View File

@@ -60,7 +60,7 @@ const InclusiveFormGroup = styled(FFormGroup)`
margin-bottom: 0;
margin-left: auto;
&.bp3-form-group.bp3-inline label.bp3-label {
&.bp4-form-group.bp4-inline label.bp4-label {
line-height: 1.25;
opacity: 0.6;
margin-right: 8px;
@@ -68,7 +68,7 @@ const InclusiveFormGroup = styled(FFormGroup)`
`;
const InclusiveSelect = styled(FSelect)`
.bp3-button {
.bp4-button {
padding-right: 24px;
}
`;

12
packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormFooterLeft.tsx
View File

@@ -35,26 +35,26 @@ export function InvoiceFormFooterLeft() {
}
const InvoiceMsgFormGroup = styled(FFormGroup)`
&.bp3-form-group {
&.bp4-form-group {
margin-bottom: 40px;
.bp3-label {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}
`;
const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group {
.bp3-label {
&.bp4-form-group {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}

2
packages/webapp/src/containers/Sales/Invoices/InvoiceUniversalSearch.tsx
View File

@@ -80,7 +80,7 @@ export function InvoiceUniversalSearchItem(
text={
<div>
<div>{highlightText(item.text, query)}</div>
<span class="bp3-text-muted">
<span class="bp4-text-muted">
{highlightText(item.reference.invoice_no, query)}{' '}
<Icon icon={'caret-right-16'} iconSize={16} />
{item.reference.formatted_invoice_date}

6
packages/webapp/src/containers/Sales/PaymentReceives/PaymentReceiveForm/PaymentReceiveFormFootetLeft.tsx
View File

@@ -26,12 +26,12 @@ export function PaymentReceiveFormFootetLeft() {
}
const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group {
.bp3-label {
&.bp4-form-group {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}

2
packages/webapp/src/containers/Sales/PaymentReceives/PaymentReceiveUniversalSearch.tsx
View File

@@ -50,7 +50,7 @@ export function PaymentReceiveUniversalSearchItem(
<div>
<div>{highlightText(item.text, query)}</div>
<span class="bp3-text-muted">
<span class="bp4-text-muted">
{highlightText(item.reference.payment_receive_no, query)}{' '}
<Icon icon={'caret-right-16'} iconSize={16} />
{highlightText(item.reference.formatted_payment_date, query)}

12
packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormFooterLeft.tsx
View File

@@ -36,26 +36,26 @@ export function ReceiptFormFooterLeft() {
}
const ReceiptMsgFormGroup = styled(FFormGroup)`
&.bp3-form-group {
&.bp4-form-group {
margin-bottom: 40px;
.bp3-label {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}
`;
const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group {
.bp3-label {
&.bp4-form-group {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}

2
packages/webapp/src/containers/Sales/Receipts/ReceiptUniversalSearch.tsx
View File

@@ -66,7 +66,7 @@ export function ReceiptUniversalSearchItem(
text={
<div>
<div>{item.text}</div>
<span class="bp3-text-muted">
<span class="bp4-text-muted">
{item.reference.receipt_number}{' '}
<Icon icon={'caret-right-16'} iconSize={16} />
{item.reference.formatted_receipt_date}

4
packages/webapp/src/containers/TransactionsLocking/components.tsx
View File

@@ -372,7 +372,7 @@ const TransLockingIcon = styled.div`
border-radius: 8px;
color: #93a1ba;
.bp3-icon {
.bp4-icon {
position: relative;
top: 1px;
}
@@ -381,7 +381,7 @@ const TransLockingIcon = styled.div`
export const TransLockingActions = styled.div`
display: flex;
.bp3-divider {
.bp4-divider {
margin: 2px;
}
`;

2
packages/webapp/src/containers/UniversalSearch/components.tsx
View File

@@ -18,7 +18,7 @@ function UniversalSearchItemDetail(item, { handleClick, modifiers, query }) {
<div>{highlightText(item.text, query)}</div>
{item.subText && (
<span class="bp3-text-muted">
<span class="bp4-text-muted">
{highlightText(item.subText, query)}
</span>
)}

6
packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormFooterLeft.tsx
View File

@@ -22,12 +22,12 @@ export function WarehouseTransferFormFooterLeft() {
}
const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group {
.bp3-label {
&.bp4-form-group {
.bp4-label {
font-size: 12px;
margin-bottom: 12px;
}
.bp3-form-content {
.bp4-form-content {
margin-left: 10px;
}
}