QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-22 07:40:32 +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

4
packages/webapp/src/components/Card/index.tsx
View File

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

2
packages/webapp/src/components/Dashboard/DashboardRowsHeightButton/style.module.scss
View File

@@ -1,6 +1,6 @@
.menu{ .menu{
:global .bp3-heading{ :global .bp4-heading{
font-weight: 400; font-weight: 400;
opacity: 0.5; opacity: 0.5;
font-size: 12px; font-size: 12px;

22
packages/webapp/src/components/Datatable/DatatableEditable.tsx
View File

@@ -21,7 +21,7 @@ export function DataTableEditable({
} }
const DatatableEditableRoot = styled.div` const DatatableEditableRoot = styled.div`
.bp3-form-group { .bp4-form-group {
margin-bottom: 0; margin-bottom: 0;
} }
.table { .table {
@@ -69,17 +69,17 @@ const DatatableEditableRoot = styled.div`
} }
.tr { .tr {
&:hover .td, &:hover .td,
.bp3-input { .bp4-input {
background-color: transparent; background-color: transparent;
} }
.bp3-form-group:not(.bp3-intent-danger) .bp3-input, .bp4-form-group:not(.bp4-intent-danger) .bp4-input,
.form-group--select-list .bp3-button { .form-group--select-list .bp4-button {
border-color: #ffffff; border-color: #ffffff;
color: #222; color: #222;
border-radius: 3px; border-radius: 3px;
text-align: inherit; text-align: inherit;
} }
.bp3-form-group:not(.bp3-intent-danger) .bp3-input { .bp4-form-group:not(.bp4-intent-danger) .bp4-input {
border-radius: 2px; border-radius: 2px;
padding-left: 14px; padding-left: 14px;
padding-right: 14px; padding-right: 14px;
@@ -88,7 +88,7 @@ const DatatableEditableRoot = styled.div`
box-shadow: 0 0 0 2px #116cd0; box-shadow: 0 0 0 2px #116cd0;
} }
} }
.form-group--select-list .bp3-button { .form-group--select-list .bp4-button {
padding-left: 6px; padding-left: 6px;
padding-right: 6px; padding-right: 6px;
@@ -97,16 +97,16 @@ const DatatableEditableRoot = styled.div`
} }
} }
.form-group--select-list, .form-group--select-list,
.bp3-form-group { .bp4-form-group {
&.bp3-intent-danger { &.bp4-intent-danger {
.bp3-button:not(.bp3-minimal), .bp4-button:not(.bp4-minimal),
.bp3-input { .bp4-input {
border-color: #f7b6b6; border-color: #f7b6b6;
} }
} }
} }
.td.actions { .td.actions {
.bp3-button { .bp4-button {
color: #80858f; color: #80858f;
} }
} }

2
packages/webapp/src/components/Dialog/DialogFooterActions.tsx
View File

@@ -35,7 +35,7 @@ const DialogFooterActionsRoot = styled.div`
${(props) => ${(props) =>
props.alignment === 'right' ? 'margin-left: auto;' : 'margin-right: auto;'}; props.alignment === 'right' ? 'margin-left: auto;' : 'margin-right: auto;'};
.bp3-button { .bp4-button {
margin-left: 5px; margin-left: 5px;
margin-left: 5px; margin-left: 5px;
} }

10
packages/webapp/src/components/Drawer/DrawerMainTabs.tsx
View File

@@ -17,8 +17,8 @@ export function DrawerMainTabs({ children, ...restProps }) {
} }
const DrawerMainTabsRoot = styled.div` const DrawerMainTabsRoot = styled.div`
.bp3-tabs { .bp4-tabs {
.bp3-tab-list { .bp4-tab-list {
position: relative; position: relative;
background-color: #fff; background-color: #fff;
padding: 0 15px; padding: 0 15px;
@@ -28,7 +28,7 @@ const DrawerMainTabsRoot = styled.div`
margin-right: 25px; margin-right: 25px;
} }
&.bp3-large > .bp3-tab { &.bp4-large > .bp4-tab {
font-size: 15px; font-size: 15px;
color: #7f8596; color: #7f8596;
margin: 0 1rem; margin: 0 1rem;
@@ -38,13 +38,13 @@ const DrawerMainTabsRoot = styled.div`
color: #0052cc; color: #0052cc;
} }
} }
.bp3-tab-indicator-wrapper .bp3-tab-indicator { .bp4-tab-indicator-wrapper .bp4-tab-indicator {
height: 2px; height: 2px;
bottom: -2px; bottom: -2px;
} }
} }
.bp3-tab-panel { .bp4-tab-panel {
margin-top: 0; margin-top: 0;
.card { .card {

8
packages/webapp/src/components/ExchangeRate/ExchangeRateMutedField.tsx
View File

@@ -60,8 +60,8 @@ export function ExchangeRateMutedField({
} }
const ExchangeRateFormGroup = styled(FormGroup)` const ExchangeRateFormGroup = styled(FormGroup)`
&.bp3-form-group { &.bp4-form-group {
label.bp3-label { label.bp4-label {
font-size: 12px; font-size: 12px;
opacity: 0.7; opacity: 0.7;
line-height: 1; line-height: 1;
@@ -79,7 +79,7 @@ const ExchangeRateButton = styled.div`
position: relative; position: relative;
padding-right: 28px; padding-right: 28px;
.bp3-button { .bp4-button {
position: absolute; position: absolute;
right: 0; right: 0;
} }
@@ -88,7 +88,7 @@ const ExchangeRateButton = styled.div`
const ExchangeRateFormGroupContent = styled.div` const ExchangeRateFormGroupContent = styled.div`
padding: 5px 0; padding: 5px 0;
.bp3-form-group { .bp4-form-group {
padding: 2px; padding: 2px;
margin: 2px 4px !important; margin: 2px 4px !important;
} }

6
packages/webapp/src/components/Forms/Select.tsx
View File

@@ -26,7 +26,7 @@ const SelectButton = styled(Button)`
position: relative; position: relative;
padding-right: 30px; padding-right: 30px;
&:not(.is-selected):not([class*='bp3-intent-']):not(.bp3-minimal) { &:not(.is-selected):not([class*='bp4-intent-']):not(.bp4-minimal) {
color: #5c7080; color: #5c7080;
} }
&:after { &:after {
@@ -46,13 +46,13 @@ const SelectButton = styled(Button)`
margin-right: 12px; margin-right: 12px;
border-radius: 1px; border-radius: 1px;
} }
&:not([class*='bp3-intent-']):not(.bp3-disabled) { &:not([class*='bp4-intent-']):not(.bp4-disabled) {
&, &,
&:hover { &:hover {
background: #fff; background: #fff;
} }
} }
.bp3-intent-danger & { .bp4-intent-danger & {
border-color: #db3737; border-color: #db3737;
} }
`; `;

2
packages/webapp/src/components/Menu/MenuItemLabel.tsx
View File

@@ -2,5 +2,5 @@
import React from 'react'; import React from 'react';
export function MenuItemLabel({ text }) { export function MenuItemLabel({ text }) {
return <span class="bp3-menu-item-labeler">{text}</span>; return <span class="bp4-menu-item-labeler">{text}</span>;
} }

8
packages/webapp/src/components/PageForm/FormTopbar.tsx
View File

@@ -18,16 +18,16 @@ const FormTopBarRoot = styled(Navbar)`
height: 35px; height: 35px;
padding: 0 20px; padding: 0 20px;
.bp3-navbar-group { .bp4-navbar-group {
height: 35px; height: 35px;
} }
.bp3-navbar-divider { .bp4-navbar-divider {
border-left-color: #d2dce2; border-left-color: #d2dce2;
} }
.bp3-skeleton { .bp4-skeleton {
max-height: 10px; max-height: 10px;
} }
.bp3-button { .bp4-button {
&:hover { &:hover {
background: rgba(167, 182, 194, 0.12); background: rgba(167, 182, 194, 0.12);
color: #32304a; color: #32304a;

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

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

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

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

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

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

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

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

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

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

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

@@ -125,7 +125,7 @@ export default compose(
)(BalanceSheetHeader); )(BalanceSheetHeader);
const BalanceSheetFinancialHeader = styled(FinancialStatementHeader)` const BalanceSheetFinancialHeader = styled(FinancialStatementHeader)`
.bp3-drawer { .bp4-drawer {
max-height: 520px; 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` const BalanceSheetComparisonWrap = styled.div`
.bp3-form-group { .bp4-form-group {
margin-bottom: 3px; margin-bottom: 3px;
} }
`; `;

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

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

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

@@ -101,7 +101,7 @@ export default compose(
)(CustomersTransactionsHeader); )(CustomersTransactionsHeader);
const CustomerTransactionsDrawerHeader = styled(FinancialStatementHeader)` const CustomerTransactionsDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer { .bp4-drawer {
max-height: 450px; 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 } }) => ( {({ form: { setFieldValue }, field: { value } }) => (
<FormGroup <FormGroup
label={label} label={label}
className="form-group--select-list bp3-fill" className="form-group--select-list bp4-fill"
inline={false} inline={false}
> >
<ListSelect <ListSelect

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

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

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

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

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

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

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

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

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

@@ -114,7 +114,7 @@ export default R.compose(
)(ProfitLossHeader); )(ProfitLossHeader);
const ProfitLossSheetHeader = styled(FinancialStatementHeader)` const ProfitLossSheetHeader = styled(FinancialStatementHeader)`
.bp3-drawer { .bp4-drawer {
max-height: 520px; 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` const ProfitLossSheetComparisonWrap = styled.div`
.bp3-form-group { .bp4-form-group {
margin-bottom: 3px; margin-bottom: 3px;
} }
`; `;

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

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

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

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

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

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

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

@@ -108,7 +108,7 @@ export default compose(
)(SalesTaxLiabilitySummaryHeader); )(SalesTaxLiabilitySummaryHeader);
const SalesTaxSummaryFinancialHeader = styled(FinancialStatementHeader)` const SalesTaxSummaryFinancialHeader = styled(FinancialStatementHeader)`
.bp3-drawer { .bp4-drawer {
max-height: 320px; 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 } }) => ( {({ form, field: { value }, meta: { error, touched } }) => (
<FormGroup <FormGroup
label={<T id={'display_report_columns'} />} 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} inline={false}
{...formGroupProps} {...formGroupProps}
> >

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

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

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

@@ -102,7 +102,7 @@ export default compose(
)(VendorsBalanceSummaryHeader); )(VendorsBalanceSummaryHeader);
const VendorBalanceDrawerHeader = styled(FinancialStatementHeader)` const VendorBalanceDrawerHeader = styled(FinancialStatementHeader)`
.bp3-drawer { .bp4-drawer {
max-height: 450px; 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; min-height: 38px;
.td.td-name { .td.td-name {
.bp3-icon { .bp4-icon {
margin: 0; margin: 0;
margin-left: 2px; margin-left: 2px;
vertical-align: top; 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; border-top: 1px solid #e0e7ea;
margin-top: 30px; margin-top: 30px;
.bp3-button { .bp4-button {
min-width: 70px; min-width: 70px;
+ .bp3-button { + .bp4-button {
margin-left: 10px; 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; border-top: 1px solid #d2dde2;
box-shadow: 0px -1px 4px 0px rgb(0 0 0 / 5%); box-shadow: 0px -1px 4px 0px rgb(0 0 0 / 5%);
.bp3-button { .bp4-button {
margin-right: 10px; 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)` const PermissionCheckbox = styled(Checkbox)`
&.bp3-control.bp3-checkbox .bp3-control-indicator { &.bp4-control.bp4-checkbox .bp4-control-indicator {
border-radius: 2px; border-radius: 2px;
border-color: #555; border-color: #555;
@@ -454,7 +454,7 @@ const ModulePermissionsTableRoot = styled.table`
} }
tr td { tr td {
.bp3-control.bp3-inline { .bp4-control.bp4-inline {
margin: 0; 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; font-weight: 500;
line-height: 1; line-height: 1;
.bp3-icon { .bp4-icon {
margin: 0; margin: 0;
margin-left: 2px; margin-left: 2px;
vertical-align: top; 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); export default compose(withDialogRedux())(EstimatedExpenseFormDialog);
const EstimateExpenseFormDialogRoot = styled(Dialog)` const EstimateExpenseFormDialogRoot = styled(Dialog)`
.bp3-dialog-body { .bp4-dialog-body {
.bp3-form-group { .bp4-form-group {
margin-bottom: 15px; margin-bottom: 15px;
label.bp3-label { label.bp4-label {
margin-bottom: 3px; margin-bottom: 3px;
font-size: 13px; font-size: 13px;
} }
} }
} }
.bp3-dialog-footer { .bp4-dialog-footer {
padding-top: 10px; 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); export default compose(withDialogActions)(ProjectEntriesFormFloatingActions);
const SaveButton = styled(Button)` const SaveButton = styled(Button)`
&.bp3-button { &.bp4-button {
margin-left: 0px; 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)` const BillableEntryButton = styled(Button)`
&.bp3-button.bp3-small, &.bp4-button.bp4-small,
&.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal).bp3-small { &.bp4-button:not([class*='bp4-intent-']):not(.bp4-minimal).bp4-small {
font-size: 12px; font-size: 12px;
color: #2172ed; color: #2172ed;
background: transparent; 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); export default compose(withDialogRedux())(ProjectBillableEntriesFormDialog);
const ProjectBillableEntriesFormDialogRoot = styled(Dialog)` const ProjectBillableEntriesFormDialogRoot = styled(Dialog)`
.bp3-dialog-body { .bp4-dialog-body {
.bp3-form-group { .bp4-form-group {
margin-bottom: 15px; margin-bottom: 15px;
label.bp3-label { label.bp4-label {
margin-bottom: 3px; margin-bottom: 3px;
font-size: 13px; font-size: 13px;
} }
} }
} }
.bp3-dialog-footer { .bp4-dialog-footer {
.bp3-dialog-footer-actions { .bp4-dialog-footer-actions {
display: flex; display: flex;
justify-content: flex-start; 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` const ProjectTabsContent = styled.div`
.bp3-tabs { .bp4-tabs {
.bp3-tab-list { .bp4-tab-list {
padding: 0 20px; padding: 0 20px;
background-color: #fff; background-color: #fff;
border-bottom: 1px solid #d2dce2; border-bottom: 1px solid #d2dce2;
@@ -58,7 +58,7 @@ const ProjectTabsContent = styled.div`
margin-right: 0; margin-right: 0;
} }
&.bp3-large > .bp3-tab { &.bp4-large > .bp4-tab {
font-size: 15px; font-size: 15px;
font-weight: 400; font-weight: 400;
color: #7f8596; color: #7f8596;
@@ -69,12 +69,12 @@ const ProjectTabsContent = styled.div`
color: #0052cc; color: #0052cc;
} }
} }
.bp3-tab-indicator-wrapper .bp3-tab-indicator { .bp4-tab-indicator-wrapper .bp4-tab-indicator {
height: 2px; height: 2px;
bottom: -2px; bottom: -2px;
} }
} }
.bp3-tab-panel { .bp4-tab-panel {
/* margin: 20px 32px; */ /* margin: 20px 32px; */
/* margin: 20px; */ /* margin: 20px; */
/* margin-top: 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)` const TaskProgressBar = styled(ProgressBar)`
&.bp3-progress-bar { &.bp4-progress-bar {
display: block; display: block;
flex-shrink: 0; flex-shrink: 0;
height: 4px; height: 4px;
max-width: 150px; max-width: 150px;
&, &,
.bp3-progress-meter { .bp4-progress-meter {
border-radius: 4px; 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; color: #7b8195;
`; `;
export const FinancialCardProgressBar = styled(ProgressBar)` export const FinancialCardProgressBar = styled(ProgressBar)`
&.bp3-progress-bar { &.bp4-progress-bar {
height: 3px; height: 3px;
&, &,
.bp3-progress-meter { .bp4-progress-meter {
border-radius: 0; 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); export default compose(withDialogRedux())(ProjectExpenseFormDialog);
const ProjectExpenseFormDialogRoot = styled(Dialog)` const ProjectExpenseFormDialogRoot = styled(Dialog)`
.bp3-dialog-body { .bp4-dialog-body {
.bp3-form-group { .bp4-form-group {
margin-bottom: 15px; margin-bottom: 15px;
label.bp3-label { label.bp4-label {
margin-bottom: 3px; margin-bottom: 3px;
font-size: 13px; font-size: 13px;
} }
} }
} }
.bp3-dialog-footer { .bp4-dialog-footer {
padding-top: 10px; 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); export default compose(withDialogRedux())(ProjectFormDialog);
const ProjectFormDialogRoot = styled(Dialog)` const ProjectFormDialogRoot = styled(Dialog)`
.bp3-dialog-body { .bp4-dialog-body {
.bp3-form-group { .bp4-form-group {
margin-bottom: 0; margin-bottom: 0;
label.bp3-label { label.bp4-label {
margin-bottom: 3px; margin-bottom: 3px;
font-size: 13px; font-size: 13px;
} }
} }
} }
.bp3-dialog-footer { .bp4-dialog-footer {
padding-top: 10px; 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); export default compose(withDialogRedux())(ProjectInvoicingFormDialog);
const ProjectInvoicingFormDialogRoot = styled(Dialog)` const ProjectInvoicingFormDialogRoot = styled(Dialog)`
.bp3-dialog-body { .bp4-dialog-body {
.bp3-form-group { .bp4-form-group {
margin-bottom: 15px; margin-bottom: 15px;
margin-top: 15px; margin-top: 15px;
label.bp3-label { label.bp4-label {
margin-bottom: 3px; margin-bottom: 3px;
font-size: 13px; font-size: 13px;
} }
} }
label.bp3-control.bp3-checkbox { label.bp4-control.bp4-checkbox {
margin-top: 15px; margin-top: 15px;
} }
} }
.bp3-dialog-footer { .bp4-dialog-footer {
padding-top: 10px; padding-top: 10px;
} }
`; `;

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

@@ -113,7 +113,7 @@ function ProjectTimeEntryFormFields() {
export default ProjectTimeEntryFormFields; export default ProjectTimeEntryFormFields;
const DurationInputGroup = styled(FInputGroup)` const DurationInputGroup = styled(FInputGroup)`
.bp3-input { .bp4-input {
width: 150px; 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); export default compose(withDialogRedux())(ProjectTimeEntryFormDialog);
const ProjectTimeEntryFormDialogRoot = styled(Dialog)` const ProjectTimeEntryFormDialogRoot = styled(Dialog)`
.bp3-dialog-body { .bp4-dialog-body {
.bp3-form-group { .bp4-form-group {
margin-bottom: 0; margin-bottom: 0;
label.bp3-label { label.bp4-label {
margin-bottom: 3px; margin-bottom: 3px;
font-size: 13px; font-size: 13px;
} }
} }
.form-group { .form-group {
&--description { &--description {
.bp3-form-content { .bp4-form-content {
textarea { textarea {
width: 100%; width: 100%;
min-width: 100%; min-width: 100%;
@@ -68,7 +68,7 @@ const ProjectTimeEntryFormDialogRoot = styled(Dialog)`
} }
} }
} }
.bp3-dialog-footer { .bp4-dialog-footer {
padding-top: 10px; 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)` const ProjectProgressBar = styled(ProgressBar)`
&.bp3-progress-bar { &.bp4-progress-bar {
display: block; display: block;
flex-shrink: 0; flex-shrink: 0;
height: 3px; height: 3px;
max-width: 110px; max-width: 110px;
&, &,
.bp3-progress-meter { .bp4-progress-meter {
border-radius: 0; 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)` const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group { &.bp4-form-group {
.bp3-label { .bp4-label {
font-size: 12px; font-size: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.bp3-form-content { .bp4-form-content {
margin-left: 10px; margin-left: 10px;
} }
} }

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

@@ -88,7 +88,7 @@ export function BillUniversalSearchItem(
text={ text={
<div> <div>
<div>{item.text}</div> <div>{item.text}</div>
<span class="bp3-text-muted"> <span class="bp4-text-muted">
{item.reference.bill_number}{' '} {item.reference.bill_number}{' '}
<Icon icon={'caret-right-16'} iconSize={16} /> <Icon icon={'caret-right-16'} iconSize={16} />
{item.reference.formatted_bill_date} {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)` const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group { &.bp4-form-group {
.bp3-label { .bp4-label {
font-size: 12px; font-size: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.bp3-form-content { .bp4-form-content {
margin-left: 10px; margin-left: 10px;
} }
} }

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

@@ -74,7 +74,7 @@ export function VendorCreditUniversalSearchItem(
text={ text={
<div> <div>
<div>{item.text}</div> <div>{item.text}</div>
<span class="bp3-text-muted"> <span class="bp4-text-muted">
{item.reference.vendor_credit_number}{' '} {item.reference.vendor_credit_number}{' '}
<Icon icon={'caret-right-16'} iconSize={16} /> <Icon icon={'caret-right-16'} iconSize={16} />
{item.reference.formatted_vendor_credit_date} {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)` const InternalNoteFormGroup = styled(FFormGroup)`
&.bp3-form-group { &.bp4-form-group {
margin-bottom: 40px; margin-bottom: 40px;
.bp3-label { .bp4-label {
font-size: 12px; font-size: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.bp3-form-content { .bp4-form-content {
margin-left: 10px; margin-left: 10px;
} }
} }

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

@@ -44,7 +44,7 @@ export function PaymentMadeUniversalSearchItem(
<div> <div>
<div>{highlightText(text, query)}</div> <div>{highlightText(text, query)}</div>
<span class="bp3-text-muted"> <span class="bp4-text-muted">
{reference.payment_number && ( {reference.payment_number && (
<> <>
{highlightText(reference.payment_number, query)} {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)` const CreditNoteMsgFormGroup = styled(FFormGroup)`
&.bp3-form-group { &.bp4-form-group {
margin-bottom: 40px; margin-bottom: 40px;
.bp3-label { .bp4-label {
font-size: 12px; font-size: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.bp3-form-content { .bp4-form-content {
margin-left: 10px; margin-left: 10px;
} }
} }
`; `;
const TermsConditsFormGroup = styled(FFormGroup)` const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group { &.bp4-form-group {
.bp3-label { .bp4-label {
font-size: 12px; font-size: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.bp3-form-content { .bp4-form-content {
margin-left: 10px; margin-left: 10px;
} }
} }

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

@@ -73,7 +73,7 @@ export function CreditNoteUniversalSearchItem(
text={ text={
<div> <div>
<div>{item.text}</div> <div>{item.text}</div>
<span class="bp3-text-muted"> <span class="bp4-text-muted">
{item.reference.credit_note_number}{' '} {item.reference.credit_note_number}{' '}
<Icon icon={'caret-right-16'} iconSize={16} /> <Icon icon={'caret-right-16'} iconSize={16} />
{item.reference.formatted_credit_note_date} {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)` const EstimateMsgFormGroup = styled(FFormGroup)`
&.bp3-form-group { &.bp4-form-group {
margin-bottom: 40px; margin-bottom: 40px;
.bp3-label { .bp4-label {
font-size: 12px; font-size: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.bp3-form-content { .bp4-form-content {
margin-left: 10px; margin-left: 10px;
} }
} }
`; `;
const TermsConditsFormGroup = styled(FFormGroup)` const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group { &.bp4-form-group {
.bp3-label { .bp4-label {
font-size: 12px; font-size: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.bp3-form-content { .bp4-form-content {
margin-left: 10px; margin-left: 10px;
} }
} }

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

@@ -76,7 +76,7 @@ export function EstimateUniversalSearchItem(
text={ text={
<div> <div>
<div>{item.text}</div> <div>{item.text}</div>
<span class="bp3-text-muted"> <span class="bp4-text-muted">
{item.reference.estimate_number}{' '} {item.reference.estimate_number}{' '}
<Icon icon={'caret-right-16'} iconSize={16} /> <Icon icon={'caret-right-16'} iconSize={16} />
{item.reference.formatted_estimate_date} {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-bottom: 0;
margin-left: auto; margin-left: auto;
&.bp3-form-group.bp3-inline label.bp3-label { &.bp4-form-group.bp4-inline label.bp4-label {
line-height: 1.25; line-height: 1.25;
opacity: 0.6; opacity: 0.6;
margin-right: 8px; margin-right: 8px;
@@ -68,7 +68,7 @@ const InclusiveFormGroup = styled(FFormGroup)`
`; `;
const InclusiveSelect = styled(FSelect)` const InclusiveSelect = styled(FSelect)`
.bp3-button { .bp4-button {
padding-right: 24px; 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)` const InvoiceMsgFormGroup = styled(FFormGroup)`
&.bp3-form-group { &.bp4-form-group {
margin-bottom: 40px; margin-bottom: 40px;
.bp3-label { .bp4-label {
font-size: 12px; font-size: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.bp3-form-content { .bp4-form-content {
margin-left: 10px; margin-left: 10px;
} }
} }
`; `;
const TermsConditsFormGroup = styled(FFormGroup)` const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group { &.bp4-form-group {
.bp3-label { .bp4-label {
font-size: 12px; font-size: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.bp3-form-content { .bp4-form-content {
margin-left: 10px; margin-left: 10px;
} }
} }

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

@@ -80,7 +80,7 @@ export function InvoiceUniversalSearchItem(
text={ text={
<div> <div>
<div>{highlightText(item.text, query)}</div> <div>{highlightText(item.text, query)}</div>
<span class="bp3-text-muted"> <span class="bp4-text-muted">
{highlightText(item.reference.invoice_no, query)}{' '} {highlightText(item.reference.invoice_no, query)}{' '}
<Icon icon={'caret-right-16'} iconSize={16} /> <Icon icon={'caret-right-16'} iconSize={16} />
{item.reference.formatted_invoice_date} {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)` const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group { &.bp4-form-group {
.bp3-label { .bp4-label {
font-size: 12px; font-size: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.bp3-form-content { .bp4-form-content {
margin-left: 10px; margin-left: 10px;
} }
} }

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

@@ -50,7 +50,7 @@ export function PaymentReceiveUniversalSearchItem(
<div> <div>
<div>{highlightText(item.text, query)}</div> <div>{highlightText(item.text, query)}</div>
<span class="bp3-text-muted"> <span class="bp4-text-muted">
{highlightText(item.reference.payment_receive_no, query)}{' '} {highlightText(item.reference.payment_receive_no, query)}{' '}
<Icon icon={'caret-right-16'} iconSize={16} /> <Icon icon={'caret-right-16'} iconSize={16} />
{highlightText(item.reference.formatted_payment_date, query)} {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)` const ReceiptMsgFormGroup = styled(FFormGroup)`
&.bp3-form-group { &.bp4-form-group {
margin-bottom: 40px; margin-bottom: 40px;
.bp3-label { .bp4-label {
font-size: 12px; font-size: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.bp3-form-content { .bp4-form-content {
margin-left: 10px; margin-left: 10px;
} }
} }
`; `;
const TermsConditsFormGroup = styled(FFormGroup)` const TermsConditsFormGroup = styled(FFormGroup)`
&.bp3-form-group { &.bp4-form-group {
.bp3-label { .bp4-label {
font-size: 12px; font-size: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.bp3-form-content { .bp4-form-content {
margin-left: 10px; margin-left: 10px;
} }
} }

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

@@ -66,7 +66,7 @@ export function ReceiptUniversalSearchItem(
text={ text={
<div> <div>
<div>{item.text}</div> <div>{item.text}</div>
<span class="bp3-text-muted"> <span class="bp4-text-muted">
{item.reference.receipt_number}{' '} {item.reference.receipt_number}{' '}
<Icon icon={'caret-right-16'} iconSize={16} /> <Icon icon={'caret-right-16'} iconSize={16} />
{item.reference.formatted_receipt_date} {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; border-radius: 8px;
color: #93a1ba; color: #93a1ba;
.bp3-icon { .bp4-icon {
position: relative; position: relative;
top: 1px; top: 1px;
} }
@@ -381,7 +381,7 @@ const TransLockingIcon = styled.div`
export const TransLockingActions = styled.div` export const TransLockingActions = styled.div`
display: flex; display: flex;
.bp3-divider { .bp4-divider {
margin: 2px; 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> <div>{highlightText(item.text, query)}</div>
{item.subText && ( {item.subText && (
<span class="bp3-text-muted"> <span class="bp4-text-muted">
{highlightText(item.subText, query)} {highlightText(item.subText, query)}
</span> </span>
)} )}

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

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

61
packages/webapp/src/style/App.scss
View File

@@ -1,7 +1,18 @@
@import './normalize.scss'; @import './normalize.scss';
@import './Base.scss'; @import './Base.scss';
$svg-icon-map: (
'16px/small-minus.svg': "path fill-rule='evenodd' clip-rule='evenodd' d='M11 7H5c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1z' fill='%23fff'/",
'16px/small-tick.svg': "path fill-rule='evenodd' clip-rule='evenodd' d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0 0 12 5z' fill='%23fff'/",
'16px/chevron-right.svg': "path fill-rule='evenodd' clip-rule='evenodd' d='M10.71 7.29l-4-4a1.003 1.003 0 0 0-1.42 1.42L8.59 8 5.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l4-4c.18-.18.29-.43.29-.71 0-.28-.11-.53-.29-.71z' fill='%235C7080'/",
'16px/more.svg': "g fill='%235C7080'%3E%3Ccircle cx='2' cy='8.03' r='2'/%3E%3Ccircle cx='14' cy='8.03' r='2'/%3E%3Ccircle cx='8' cy='8.03' r='2'/%3E%3C/g",
);
@function svg-icon($inline-svg, $fill-color) {
@return url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3C"+ map-get($svg-icon-map, $inline-svg) + "%3E%3C/svg%3E")
}
// Blueprint framework. // Blueprint framework.
@import '@blueprintjs/core/src/blueprint.scss'; @import '@blueprintjs/core/src/blueprint.scss';
@import '@blueprintjs/datetime/src/blueprint-datetime.scss'; @import '@blueprintjs/datetime/src/blueprint-datetime.scss';
@@ -51,56 +62,56 @@ body.hide-scrollbar .Pane2 {
overflow: hidden; overflow: hidden;
} }
.bp3-fill { .bp4-fill {
.bp3-popover-wrapper, .bp4-popover-wrapper,
.bp3-popover-target { .bp4-popover-target {
display: block; display: block;
width: 100%; width: 100%;
} }
.bp3-button { .bp4-button {
width: 100%; width: 100%;
justify-content: start; justify-content: start;
} }
} }
.bp3-datepicker-caption .bp3-html-select::after { .bp4-datepicker-caption .bp4-html-select::after {
margin-right: 6px; margin-right: 6px;
} }
.bp3-select-popover .bp3-menu, .bp4-select-popover .bp4-menu,
.bp3-multi-select-popover .bp3-menu { .bp4-multi-select-popover .bp4-menu {
max-height: 300px; max-height: 300px;
overflow: auto; overflow: auto;
} }
.bp3-form-group .bp3-label { .bp4-form-group .bp4-label {
.hint { .hint {
.bp3-popover-wrapper { .bp4-popover-wrapper {
display: inline; display: inline;
} }
} }
&:not(.bp3-inline) .hint .bp3-popover-target { &:not(.bp4-inline) .hint .bp4-popover-target {
display: inline; display: inline;
margin-left: 0; margin-left: 0;
} }
} }
.bp3-popover.bp3-tooltip { .bp4-popover.bp4-tooltip {
max-width: 300px; max-width: 300px;
} }
.bp3-timezone-picker { .bp4-timezone-picker {
.bp3-button { .bp4-button {
[icon='caret-down'] { [icon='caret-down'] {
display: none; display: none;
} }
} }
} }
.bp3-progress-bar.bp3-intent-primary .bp3-progress-meter { .bp4-progress-bar.bp4-intent-primary .bp4-progress-meter {
background-color: #0066ff; background-color: #0066ff;
} }
@@ -183,7 +194,7 @@ body.hide-scrollbar .Pane2 {
.ReactVirtualized__List {} .ReactVirtualized__List {}
.bp3-drawer { .bp4-drawer {
box-shadow: 0 0 0; box-shadow: 0 0 0;
background-color: #fbfbfb; background-color: #fbfbfb;
@@ -194,7 +205,7 @@ body.hide-scrollbar .Pane2 {
// RTL Icons. // RTL Icons.
html[dir='rtl'] { html[dir='rtl'] {
.bp3-icon-caret-right { .bp4-icon-caret-right {
transform: scaleX(-1); transform: scaleX(-1);
} }
} }
@@ -205,12 +216,12 @@ html[lang^='ar'] {
} }
} }
.bp3-popover2 { .bp4-popover2 {
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.02), 0 2px 4px rgba(16, 22, 26, 0.1), box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.02), 0 2px 4px rgba(16, 22, 26, 0.1),
0 8px 24px rgba(16, 22, 26, 0.1); 0 8px 24px rgba(16, 22, 26, 0.1);
} }
.bp3-tooltip2 .bp3-popover2-arrow:before { .bp4-tooltip2 .bp4-popover2-arrow:before {
box-shadow: 0 0 0; box-shadow: 0 0 0;
} }
@@ -230,38 +241,38 @@ html[lang^='ar'] {
z-index: 9999999; z-index: 9999999;
margin: 6px; margin: 6px;
.bp3-button { .bp4-button {
border-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25);
color: rgb(25, 32, 37); color: rgb(25, 32, 37);
min-height: 30px; min-height: 30px;
padding-left: 14px; padding-left: 14px;
padding-right: 14px; padding-right: 14px;
&+.bp3-button { &+.bp4-button {
margin-left: 8px; margin-left: 8px;
} }
} }
} }
.bp3-dialog { .bp4-dialog {
&-body { &-body {
&:not(.loading) { &:not(.loading) {
margin: 0; margin: 0;
} }
>.bp3-spinner { >.bp4-spinner {
margin: 20px 0; margin: 20px 0;
} }
} }
} }
} }
.bp3-drawer { .bp4-drawer {
border-left: 1px solid #00115e; border-left: 1px solid #00115e;
} }
.drawer-portal { .drawer-portal {
.bp3-overlay-backdrop { .bp4-overlay-backdrop {
background: rgba(0, 10, 30, 0.05); background: rgba(0, 10, 30, 0.05);
} }
} }

6
packages/webapp/src/style/components/Alert.scss
View File

@@ -1,6 +1,6 @@
.bp3-alert{ .bp4-alert{
.bp3-alert-footer{ .bp4-alert-footer{
.bp3-button{ .bp4-button{
min-width: 70px; min-width: 70px;
} }
} }

4
packages/webapp/src/style/components/CloudSpinner.scss
View File

@@ -14,7 +14,7 @@
z-index: 999; z-index: 999;
} }
.bp3-spinner{ .bp4-spinner{
position: absolute; position: absolute;
z-index: 999999; z-index: 999999;
left: 50%; left: 50%;
@@ -22,7 +22,7 @@
margin-top: -20px; margin-top: -20px;
margin-left: -20px; margin-left: -20px;
} }
&:not(.is-loading) .bp3-spinner{ &:not(.is-loading) .bp4-spinner{
display: none; display: none;
} }
} }

16
packages/webapp/src/style/components/DataTable/DataTable.scss
View File

@@ -64,7 +64,7 @@
} }
} }
.bp3-context-menu-popover-target { .bp4-context-menu-popover-target {
z-index: 100; z-index: 100;
} }
@@ -96,7 +96,7 @@
border-right: 0; border-right: 0;
} }
.bp3-control { .bp4-control {
margin-bottom: 0; margin-bottom: 0;
} }
@@ -124,7 +124,7 @@
} }
} }
.bp3-control.bp3-checkbox .bp3-control-indicator { .bp4-control.bp4-checkbox .bp4-control-indicator {
cursor: auto; cursor: auto;
&, &,
@@ -134,10 +134,10 @@
} }
} }
.bp3-control.bp3-checkbox { .bp4-control.bp4-checkbox {
input:checked~.bp3-control-indicator, input:checked~.bp4-control-indicator,
input:indeterminate~.bp3-control-indicator { input:indeterminate~.bp4-control-indicator {
border-color: #0052ff; border-color: #0052ff;
} }
} }
@@ -198,7 +198,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.bp3-form-group { .bp4-form-group {
width: 100%; width: 100%;
} }
@@ -238,7 +238,7 @@
color: #425361; color: #425361;
} }
.bp3-icon-more-h-16 { .bp4-icon-more-h-16 {
margin-top: 2px; margin-top: 2px;
} }
} }

34
packages/webapp/src/style/components/DataTable/DataTableEditable.scss
View File

@@ -1,6 +1,6 @@
.datatable-editor { .datatable-editor {
.bp3-form-group { .bp4-form-group {
margin-bottom: 0; margin-bottom: 0;
} }
.table { .table {
@@ -58,11 +58,11 @@
&.landed-cost{ &.landed-cost{
.bp3-control{ .bp4-control{
margin-top: 0; margin-top: 0;
margin-left: 34px; margin-left: 34px;
} }
.bp3-control-indicator{ .bp4-control-indicator{
height: 18px; height: 18px;
width: 18px; width: 18px;
border-color: #dbdbdb; border-color: #dbdbdb;
@@ -70,13 +70,13 @@
} }
} }
.tr { .tr {
.bp3-form-group:not(.bp3-intent-danger) .bp3-input, .bp4-form-group:not(.bp4-intent-danger) .bp4-input,
.form-group--select-list .bp3-button { .form-group--select-list .bp4-button {
border-color: #ffffff; border-color: #ffffff;
color: #222; color: #222;
border-radius: 3px; border-radius: 3px;
} }
.bp3-form-group:not(.bp3-intent-danger) .bp3-input { .bp4-form-group:not(.bp4-intent-danger) .bp4-input {
border-radius: 2px; border-radius: 2px;
padding-left: 4px; padding-left: 4px;
padding-right: 4px; padding-right: 4px;
@@ -85,7 +85,7 @@
box-shadow: 0 0 0 2px #116cd0; box-shadow: 0 0 0 2px #116cd0;
} }
} }
.form-group--select-list .bp3-button { .form-group--select-list .bp4-button {
padding-left: 6px; padding-left: 6px;
padding-right: 6px; padding-right: 6px;
@@ -94,10 +94,10 @@
} }
} }
.form-group--select-list, .form-group--select-list,
.bp3-form-group { .bp4-form-group {
&.bp3-intent-danger { &.bp4-intent-danger {
.bp3-button:not(.bp3-minimal), .bp4-button:not(.bp4-minimal),
.bp3-input { .bp4-input {
border-color: #f7b6b6; border-color: #f7b6b6;
} }
} }
@@ -110,7 +110,7 @@
} }
.td.actions { .td.actions {
.bp3-button { .bp4-button {
background-color: transparent; background-color: transparent;
color: #e66d6d; color: #e66d6d;
@@ -135,7 +135,7 @@
} }
.td { .td {
&.note { &.note {
.bp3-form-group { .bp4-form-group {
width: 100%; width: 100%;
} }
} }
@@ -159,7 +159,7 @@
} }
.actions.td { .actions.td {
.bp3-button { .bp4-button {
background: transparent; background: transparent;
margin: 0; margin: 0;
} }
@@ -186,7 +186,7 @@
.table { .table {
.tbody { .tbody {
.tr .td.actions .bp3-button { .tr .td.actions .bp4-button {
background-color: transparent; background-color: transparent;
color: #e66d6d; color: #e66d6d;
@@ -200,13 +200,13 @@
&__actions { &__actions {
margin-top: 12px; margin-top: 12px;
.bp3-button { .bp4-button {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
.button--clear-lines { .button--clear-lines {
&.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) { &.bp4-button:not([class*='bp4-intent-']):not(.bp4-minimal) {
background-color: #fcefef; background-color: #fcefef;
&:hover{ &:hover{

4
packages/webapp/src/style/components/DataTable/DataTableEmptyStatus.module.scss
View File

@@ -28,10 +28,10 @@
&_actions { &_actions {
margin-top: 26px; margin-top: 26px;
:global .bp3-button { :global .bp4-button {
min-height: 36px; min-height: 36px;
& + .bp3-button { & + .bp4-button {
margin-left: 10px; margin-left: 10px;
} }
} }

24
packages/webapp/src/style/components/DataTable/Pagination.scss
View File

@@ -4,7 +4,7 @@
padding: 20px 14px; padding: 20px 14px;
font-size: 13px; font-size: 13px;
.bp3-button{ .bp4-button{
background: transparent; background: transparent;
padding: 5px; padding: 5px;
} }
@@ -13,7 +13,7 @@
min-width: 24px; min-width: 24px;
min-height: 24px; min-height: 24px;
&:not([class*="bp3-intent-"]){ &:not([class*="bp4-intent-"]){
color: #666666; color: #666666;
border-radius: 5px; border-radius: 5px;
@@ -22,22 +22,22 @@
} }
} }
.bp3-icon{ .bp4-icon{
margin-right: 4px; margin-right: 4px;
color: #666666; color: #666666;
} }
.pagination .pagination__buttons-group .bp3-button-group &{ .pagination .pagination__buttons-group .bp4-button-group &{
border-radius: 5px; border-radius: 5px;
} }
&--next, &--next,
&--previous{ &--previous{
&.bp3-button{ &.bp4-button{
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
.bp3-icon { .bp4-icon {
[dir="rtl"] & { [dir="rtl"] & {
transform: scale(-1); transform: scale(-1);
@@ -48,21 +48,21 @@
} }
&.is-active{ &.is-active{
&.bp3-intent-primary:disabled, &.bp4-intent-primary:disabled,
&.bp3-intent-primary.bp3-disabled{ &.bp4-intent-primary.bp4-disabled{
background-color: #E6EFFB; background-color: #E6EFFB;
} }
&:not([class*="bp3-intent-"]) { &:not([class*="bp4-intent-"]) {
} }
.bp3-button-text{ .bp4-button-text{
color: #000; color: #000;
} }
} }
&--next{ &--next{
.bp3-icon{ .bp4-icon{
order: 1; order: 1;
margin-right: 0; margin-right: 0;
margin-left: 4px; margin-left: 4px;
@@ -82,7 +82,7 @@
align-items: center; align-items: center;
margin-left: auto; margin-left: auto;
.bp3-html-select{ .bp4-html-select{
margin-left: 6px; margin-left: 6px;
select{ select{

2
packages/webapp/src/style/components/Dialog/Dialog.scss
View File

@@ -10,7 +10,7 @@
&-body{ &-body{
&.is-loading{ &.is-loading{
.bp3-spinner{ .bp4-spinner{
padding-top: 10px; padding-top: 10px;
margin-bottom: -10px; margin-bottom: -10px;
} }

18
packages/webapp/src/style/components/Drawer.scss
View File

@@ -1,16 +1,16 @@
@import '../Base.scss'; @import '../Base.scss';
.bp3-drawer { .bp4-drawer {
.bp3-drawer-header { .bp4-drawer-header {
margin-bottom: 2px; margin-bottom: 2px;
background-color: #FFF; background-color: #FFF;
.bp3-heading { .bp4-heading {
font-weight: 500; font-weight: 500;
} }
.bp3-heading, .bp4-heading,
.bp3-icon { .bp4-icon {
color: #354152; color: #354152;
} }
} }
@@ -25,8 +25,8 @@
} }
&__main-tabs{ &__main-tabs{
.bp3-tabs { .bp4-tabs {
.bp3-tab-list { .bp4-tab-list {
position: relative; position: relative;
background-color: #fff; background-color: #fff;
@@ -43,7 +43,7 @@
margin-right: 25px; margin-right: 25px;
} }
&.bp3-large > .bp3-tab { &.bp4-large > .bp4-tab {
font-size: 15px; font-size: 15px;
color: #555; color: #555;
margin: 0 0.8rem; margin: 0 0.8rem;
@@ -55,7 +55,7 @@
} }
} }
.bp3-tab-panel { .bp4-tab-panel {
margin-top: 0; margin-top: 0;
.card { .card {

2
packages/webapp/src/style/components/Drawers/AccountDrawer.scss
View File

@@ -22,7 +22,7 @@
&--account-normal{ &--account-normal{
.bp3-icon{ .bp4-icon{
position: relative; position: relative;
top: -2px; top: -2px;
margin-left: 2px; margin-left: 2px;

4
packages/webapp/src/style/components/Drawers/DrawerTemplate.scss
View File

@@ -116,14 +116,14 @@
} }
} }
.bp3-drawer.bp3-position-right { .bp4-drawer.bp4-position-right {
bottom: 0; bottom: 0;
right: 0; right: 0;
top: 0; top: 0;
overflow: auto; overflow: auto;
height: 100%; height: 100%;
.bp3-drawer-header .bp3-heading { .bp4-drawer-header .bp4-heading {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;

8
packages/webapp/src/style/components/Drawers/ViewDetail/ViewDetail.scss
View File

@@ -1,8 +1,8 @@
@import '../../../Base.scss'; @import '../../../Base.scss';
.view-detail-drawer { .view-detail-drawer {
.bp3-tabs { .bp4-tabs {
.bp3-tab-list { .bp4-tab-list {
position: relative; position: relative;
background-color: #fff; background-color: #fff;
@@ -19,7 +19,7 @@
margin-right: 25px; margin-right: 25px;
} }
&.bp3-large > .bp3-tab { &.bp4-large > .bp4-tab {
font-size: 15px; font-size: 15px;
color: #555; color: #555;
margin: 0 0.8rem; margin: 0 0.8rem;
@@ -31,7 +31,7 @@
} }
} }
.bp3-tab-panel { .bp4-tab-panel {
margin-top: 0; margin-top: 0;
.card { .card {

6
packages/webapp/src/style/components/Hint.scss
View File

@@ -3,14 +3,14 @@
position: relative; position: relative;
top: -1px; top: -1px;
.bp3-icon { .bp4-icon {
color: #a1b2c5; color: #a1b2c5;
} }
.bp3-popover-target:hover .bp3-icon { .bp4-popover-target:hover .bp4-icon {
color: #90a1b5; color: #90a1b5;
} }
.bp3-icon { .bp4-icon {
vertical-align: middle; vertical-align: middle;
} }
} }

2
packages/webapp/src/style/components/Menu.scss
View File

@@ -1,4 +1,4 @@
.bp3-menu-item { .bp4-menu-item {
.menu-item-space { .menu-item-space {
width: 6px; width: 6px;

2
packages/webapp/src/style/components/Overlay.scss
View File

@@ -1,6 +1,6 @@
.bp3-overlay-backdrop { .bp4-overlay-backdrop {
background-color: rgba(0, 10, 30, 0.7); background-color: rgba(0, 10, 30, 0.7);
} }

16
packages/webapp/src/style/components/PageForm.scss
View File

@@ -15,15 +15,15 @@
border-top: 1px solid rgb(210, 221, 226); border-top: 1px solid rgb(210, 221, 226);
box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.05);
.bp3-button-group{ .bp4-button-group{
.bp3-button{ .bp4-button{
&:not(:last-child), &:not(:last-child),
&.bp3-popover-wrapper:not(:last-child) { &.bp4-popover-wrapper:not(:last-child) {
border-right: 1px solid rgba(92, 112, 127, 0.3); border-right: 1px solid rgba(92, 112, 127, 0.3);
margin-right: 0; margin-right: 0;
&.bp3-intent-primary{ &.bp4-intent-primary{
border-right: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3);
} }
} }
@@ -34,11 +34,11 @@
#{$self}__header-fields { #{$self}__header-fields {
width: 85%; width: 85%;
.bp3-form-group{ .bp4-form-group{
margin-bottom: 16px; margin-bottom: 16px;
} }
> .bp3-form-group:last-of-type{ > .bp4-form-group:last-of-type{
margin-bottom: 0; margin-bottom: 0;
} }
} }
@@ -47,7 +47,7 @@
padding: 25px 32px; padding: 25px 32px;
border-bottom: 1px solid #d2dce2; border-bottom: 1px solid #d2dce2;
.bp3-form-group.bp3-inline label.bp3-label { .bp4-form-group.bp4-inline label.bp4-label {
font-weight: 500; font-weight: 500;
} }
} }
@@ -61,7 +61,7 @@
padding-left: 32px; padding-left: 32px;
padding-right: 32px; padding-right: 32px;
label.bp3-label{ label.bp4-label{
font-weight: 500; font-weight: 500;
} }
} }

2
packages/webapp/src/style/components/SidebarOverlay.scss
View File

@@ -93,7 +93,7 @@
.sidebar-overlay-transition { .sidebar-overlay-transition {
transform: translateX(-100%); transform: translateX(-100%);
&.bp3-overlay { &.bp4-overlay {
&-appear, &-appear,
&-enter { &-enter {

2
packages/webapp/src/style/components/Toast.scss
View File

@@ -1,3 +1,3 @@
.bp3-toast { .bp4-toast {
box-shadow: none; box-shadow: none;
} }

52
packages/webapp/src/style/components/UniversalSearch.scss
View File

@@ -11,14 +11,14 @@
width: 500px; width: 500px;
z-index: 20; z-index: 20;
&.bp3-overlay-appear, &.bp4-overlay-appear,
&.bp3-overlay-enter { &.bp4-overlay-enter {
filter: blur(20px); filter: blur(20px);
opacity: 0.2; opacity: 0.2;
} }
&.bp3-overlay-appear-active, &.bp4-overlay-appear-active,
&.bp3-overlay-enter-active { &.bp4-overlay-enter-active {
filter: blur(0); filter: blur(0);
opacity: 1; opacity: 1;
transition-delay: 0; transition-delay: 0;
@@ -27,12 +27,12 @@
transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
} }
&.bp3-overlay-exit { &.bp4-overlay-exit {
filter: blur(0); filter: blur(0);
opacity: 1; opacity: 1;
} }
&.bp3-overlay-exit-active { &.bp4-overlay-exit-active {
filter: blur(20px); filter: blur(20px);
opacity: 0.2; opacity: 0.2;
transition-delay: 0; transition-delay: 0;
@@ -42,8 +42,8 @@
} }
&__omnibar { &__omnibar {
.bp3-input-group { .bp4-input-group {
.bp3-icon { .bp4-icon {
svg { svg {
stroke: currentColor; stroke: currentColor;
fill: none; fill: none;
@@ -54,7 +54,7 @@
} }
} }
.bp3-input-group .bp3-input { .bp4-input-group .bp4-input {
border: 0; border: 0;
box-shadow: 0 0 0 0; box-shadow: 0 0 0 0;
height: 50px; height: 50px;
@@ -62,15 +62,15 @@
font-size: 20px; font-size: 20px;
} }
.bp3-input-group.bp3-large .bp3-input:not(:first-child) { .bp4-input-group.bp4-large .bp4-input:not(:first-child) {
padding-left: 50px !important; padding-left: 50px !important;
} }
.bp3-input-group.bp3-large .bp3-input:not(:last-child) { .bp4-input-group.bp4-large .bp4-input:not(:last-child) {
padding-right: 130px !important; padding-right: 130px !important;
} }
.bp3-input-group { .bp4-input-group {
.bp3-icon { .bp4-icon {
margin: 16px; margin: 16px;
color: #5c707f; color: #5c707f;
@@ -81,25 +81,25 @@
} }
} }
.bp3-menu { .bp4-menu {
border-top: 1px solid #d3dce2; border-top: 1px solid #d3dce2;
max-height: calc(60vh - 20px); max-height: calc(60vh - 20px);
overflow: auto; overflow: auto;
.bp3-menu-item { .bp4-menu-item {
.bp3-text-muted { .bp4-text-muted {
font-size: 12px; font-size: 12px;
.bp3-icon { .bp4-icon {
color: #8499a7; color: #8499a7;
} }
} }
&.bp3-intent-primary { &.bp4-intent-primary {
&.bp3-active { &.bp4-active {
background-color: rgb(235, 241, 246); background-color: rgb(235, 241, 246);
color: #252b30; color: #252b30;
.bp3-menu-item-label { .bp4-menu-item-label {
color: #5c7080; color: #5c7080;
} }
} }
@@ -112,7 +112,7 @@
} }
} }
.bp3-input-action { .bp4-input-action {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -121,7 +121,7 @@
} }
&__type-select-overlay { &__type-select-overlay {
.bp3-button { .bp4-button {
margin: 0 !important; margin: 0 !important;
} }
} }
@@ -140,12 +140,12 @@
margin-left: 14px; margin-left: 14px;
} }
.bp3-tag { .bp4-tag {
background: #708392; background: #708392;
} }
&--arrows { &--arrows {
.bp3-tag { .bp4-tag {
padding: 0; padding: 0;
text-align: center; text-align: center;
line-height: 16px; line-height: 16px;
@@ -173,7 +173,7 @@
display: flex; display: flex;
margin: 10px; margin: 10px;
.bp3-spinner { .bp4-spinner {
margin-right: 6px; margin-right: 6px;
} }
} }
@@ -202,6 +202,6 @@
} }
} }
.universal-search-overlay .bp3-overlay-backdrop { .universal-search-overlay .bp4-overlay-backdrop {
background: rgba(0, 10, 30, 0.3); background: rgba(0, 10, 30, 0.3);
} }

2
packages/webapp/src/style/components/dragzone.scss
View File

@@ -58,7 +58,7 @@
left: -5px; left: -5px;
visibility: hidden; visibility: hidden;
.bp3-icon { .bp4-icon {
position: relative; position: relative;
top: -3px; top: -3px;
left: 0px; left: 0px;

28
packages/webapp/src/style/containers/Dashboard/Sidebar.scss
View File

@@ -66,18 +66,18 @@
outline: 0; outline: 0;
font-size: 15px; font-size: 15px;
&:not([class*="bp3-intent-"]):not(.bp3-minimal) { &:not([class*="bp4-intent-"]):not(.bp4-minimal) {
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
} }
&:hover, &:hover,
&:focus, &:focus,
&:active, &:active,
&.bp3-active { &.bp4-active {
background: transparent; background: transparent;
} }
.bp3-button-text { .bp4-button-text {
margin-right: 4px; margin-right: 4px;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
@@ -90,8 +90,8 @@
} }
} }
.bp3-popover-wrapper, .bp4-popover-wrapper,
.bp3-popover-target { .bp4-popover-target {
max-width: 100%; max-width: 100%;
display: inline-block; display: inline-block;
} }
@@ -145,7 +145,7 @@
font-weight: 400; font-weight: 400;
&:hover, &:hover,
&.bp3-active { &.bp4-active {
background: $sidebar-submenu-item-bg-color; background: $sidebar-submenu-item-bg-color;
color: $sidebar-menu-item-color-active; color: $sidebar-menu-item-color-active;
} }
@@ -183,7 +183,7 @@
} }
} }
&:hover .bp3-button.menu-item__add-btn { &:hover .bp4-button.menu-item__add-btn {
display: inline-block; display: inline-block;
} }
} }
@@ -202,12 +202,12 @@
color: $sidebar-submenu-item-color; color: $sidebar-submenu-item-color;
&:hover, &:hover,
&.bp3-active { &.bp4-active {
background: transparent; background: transparent;
color: $sidebar-submenu-item-hover-color; color: $sidebar-submenu-item-hover-color;
} }
&.bp3-active { &.bp4-active {
font-weight: 500; font-weight: 500;
} }
} }
@@ -296,7 +296,7 @@
} }
} }
.bp3-button.menu-item__add-btn { .bp4-button.menu-item__add-btn {
width: auto; width: auto;
padding: 2px; padding: 2px;
margin-right: 0px; margin-right: 0px;
@@ -306,8 +306,8 @@
display: none; display: none;
vertical-align: top; vertical-align: top;
&:not([class*='bp3-intent-']):not(.bp3-minimal):not(:disabled) { &:not([class*='bp4-intent-']):not(.bp4-minimal):not(:disabled) {
.bp3-icon { .bp4-icon {
color: rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.4);
} }
@@ -322,13 +322,13 @@
&:hover { &:hover {
background-color: rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.12);
.bp3-icon { .bp4-icon {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
} }
} }
.bp3-icon { .bp4-icon {
margin: 0; margin: 0;
display: block; display: block;
} }

26
packages/webapp/src/style/containers/FinancialStatements/DrawerHeader.scss
View File

@@ -13,7 +13,7 @@
&.is-hidden { &.is-hidden {
visibility: hidden; visibility: hidden;
} }
.bp3-drawer { .bp4-drawer {
box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent;
max-height: 550px; max-height: 550px;
height: 100%; height: 100%;
@@ -26,26 +26,26 @@
flex: 1 0 0; flex: 1 0 0;
height: 100%; height: 100%;
} }
.bp3-drawer-backdrop { .bp4-drawer-backdrop {
background-color: rgba(2, 9, 19, 0.65); background-color: rgba(2, 9, 19, 0.65);
} }
} }
.bp3-button.button--submit-filter { .bp4-button.button--submit-filter {
min-height: 34px; min-height: 34px;
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
} }
.radio-group---accounting-basis { .radio-group---accounting-basis {
.bp3-label { .bp4-label {
margin-bottom: 12px; margin-bottom: 12px;
} }
} }
.bp3-tabs { .bp4-tabs {
height: 100%; height: 100%;
&.bp3-vertical > .bp3-tab-panel { &.bp4-vertical > .bp4-tab-panel {
flex: 1 0 0; flex: 1 0 0;
border-top: 24px solid transparent; border-top: 24px solid transparent;
padding-left: 20px; padding-left: 20px;
@@ -55,10 +55,10 @@
} }
} }
.bp3-tabs.bp3-vertical { .bp4-tabs.bp4-vertical {
flex: 1 0 0; flex: 1 0 0;
.bp3-tab-list { .bp4-tab-list {
width: 220px; width: 220px;
border-right: 1px solid #c3cdd5; border-right: 1px solid #c3cdd5;
padding-top: 10px; padding-top: 10px;
@@ -66,17 +66,17 @@
> *:not(:last-child) { > *:not(:last-child) {
margin-right: 0; margin-right: 0;
} }
.bp3-tab-indicator-wrapper { .bp4-tab-indicator-wrapper {
width: 100%; width: 100%;
.bp3-tab-indicator { .bp4-tab-indicator {
border-left: 3px solid #0350f8; border-left: 3px solid #0350f8;
background-color: #edf5ff; background-color: #edf5ff;
border-radius: 0; border-radius: 0;
} }
} }
.bp3-tab { .bp4-tab {
color: #333; color: #333;
line-height: 45px; line-height: 45px;
border-radius: 0; border-radius: 0;
@@ -105,8 +105,8 @@
padding-right: 0.85rem; padding-right: 0.85rem;
} }
} }
.bp3-popover-target { .bp4-popover-target {
.bp3-tag-input { .bp4-tag-input {
height: auto; height: auto;
} }
} }

20
packages/webapp/src/style/objects/buttons.scss
View File

@@ -1,35 +1,35 @@
.bp3-button { .bp4-button {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
} }
.bp3-button:not([class*='bp3-intent-']) { .bp4-button:not([class*='bp4-intent-']) {
color: #33304a; color: #33304a;
} }
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) { .bp4-button:not([class*='bp4-intent-']):not(.bp4-minimal) {
color: #555555; color: #555555;
box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent;
&.bp3-small { &.bp4-small {
font-size: 13px; font-size: 13px;
min-height: 29px; min-height: 29px;
} }
} }
.bp3-button-group.bp3-minimal .bp3-button { .bp4-button-group.bp4-minimal .bp4-button {
background-color: transparent; background-color: transparent;
} }
.bp3-button { .bp4-button {
&.bp3-intent-primary, &.bp4-intent-primary,
&.bp3-intent-success, &.bp4-intent-success,
&.bp3-intent-danger, &.bp4-intent-danger,
&.bp3-intent-warning { &.bp4-intent-warning {
&, &,
&:hover { &:hover {
box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent;

78
packages/webapp/src/style/objects/form.scss
View File

@@ -14,7 +14,7 @@
} }
// Form form. // Form form.
label.bp3-label { label.bp4-label {
color: #353535; color: #353535;
font-weight: 400; font-weight: 400;
@@ -22,7 +22,7 @@ label.bp3-label {
color: red; color: red;
} }
.bp3-form-group.bp3-inline & { .bp4-form-group.bp4-inline & {
margin: 0 10px 0 0; margin: 0 10px 0 0;
line-height: 1.6; line-height: 1.6;
padding-top: calc(0.3rem + 1px); padding-top: calc(0.3rem + 1px);
@@ -40,38 +40,38 @@ label.bp3-label {
color: #333; color: #333;
&:focus, &:focus,
&.bp3-active { &.bp4-active {
box-shadow: 0 0 0 1px #116cd0; box-shadow: 0 0 0 1px #116cd0;
border-color: #116cd0; border-color: #116cd0;
} }
&.bp3-disabled, &.bp4-disabled,
&:disabled { &:disabled {
background: #e9ecef; background: #e9ecef;
} }
&.bp3-intent-danger { &.bp4-intent-danger {
box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent;
border-color: #db3737; border-color: #db3737;
&:focus, &:focus,
&.bp3-active { &.bp4-active {
box-shadow: 0 0 0 1px #db3737; box-shadow: 0 0 0 1px #db3737;
border-color: #db3737; border-color: #db3737;
} }
} }
} }
.bp3-input-group{ .bp4-input-group{
&.bp3-intent-danger{ &.bp4-intent-danger{
.bp3-input{ .bp4-input{
box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent;
border-color: #db3737; border-color: #db3737;
&:focus, &:focus,
&.bp3-active { &.bp4-active {
box-shadow: 0 0 0 1px #db3737; box-shadow: 0 0 0 1px #db3737;
border-color: #db3737; border-color: #db3737;
} }
@@ -134,7 +134,7 @@ label.bp3-label {
border-radius: 0.25rem; border-radius: 0.25rem;
height: 100%; height: 100%;
.bp3-form-group & { .bp4-form-group & {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.5; line-height: 1.5;
@@ -143,12 +143,12 @@ label.bp3-label {
} }
} }
.bp3-form-group { .bp4-form-group {
.bp3-input-group { .bp4-input-group {
flex: 1 1 auto; flex: 1 1 auto;
} }
.bp3-control-group { .bp4-control-group {
>.input-group-prepend:first-child .input-group-text { >.input-group-prepend:first-child .input-group-text {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
@@ -157,12 +157,12 @@ label.bp3-label {
} }
.#{$ns}-html-select { .#{$ns}-html-select {
.bp3-icon-double-caret-vertical { .bp4-icon-double-caret-vertical {
display: none; display: none;
} }
} }
.bp3-datepicker-caption select { .bp4-datepicker-caption select {
&, &,
&:hover { &:hover {
@@ -190,7 +190,7 @@ label.bp3-label {
.form-group--select-list { .form-group--select-list {
.form-group--select-list.bp3-intent-danger & { .form-group--select-list.bp4-intent-danger & {
& { & {
border-color: #db3737; border-color: #db3737;
} }
@@ -202,7 +202,7 @@ label.bp3-label {
padding-right: 25px; padding-right: 25px;
justify-content: start; justify-content: start;
&:not([class*="bp3-intent-"]):not(.bp3-minimal) { &:not([class*="bp4-intent-"]):not(.bp4-minimal) {
&, &,
&:hover { &:hover {
@@ -222,41 +222,41 @@ label.bp3-label {
} }
} }
&.bp3-fill { &.bp4-fill {
width: 100%; width: 100%;
} }
.bp3-popover-target.bp3-popover-open { .bp4-popover-target.bp4-popover-open {
.#{$ns}-button { .#{$ns}-button {
&:not([class*="bp3-intent-"]):not(.bp3-minimal):not(:disabled), &:not([class*="bp4-intent-"]):not(.bp4-minimal):not(:disabled),
&:not([class*="bp3-intent-"]):not(.bp3-minimal):hover:not(:disabled) { &:not([class*="bp4-intent-"]):not(.bp4-minimal):hover:not(:disabled) {
background-color: #fafafa; background-color: #fafafa;
} }
} }
} }
.bp3-popover-target { .bp4-popover-target {
.bp3-icon { .bp4-icon {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
margin: 7px; margin: 7px;
+.bp3-button-text { +.bp4-button-text {
padding-left: 20px; padding-left: 20px;
} }
} }
.bp3-button { .bp4-button {
padding-left: 10px; padding-left: 10px;
color: #333; color: #333;
} }
} }
&.bp3-intent-danger { &.bp4-intent-danger {
.bp3-button:not(.bp3-minimal) { .bp4-button:not(.bp4-minimal) {
border-color: #db3737; border-color: #db3737;
} }
} }
@@ -265,13 +265,13 @@ label.bp3-label {
.select-list--fill-popover { .select-list--fill-popover {
position: relative; position: relative;
.bp3-transition-container, .bp4-transition-container,
.bp3-popover { .bp4-popover {
min-width: 100%; min-width: 100%;
} }
} }
.select-list--tooltip-items .bp3-popover-target { .select-list--tooltip-items .bp4-popover-target {
display: block; display: block;
} }
@@ -347,7 +347,7 @@ label.bp3-label {
} }
} }
&.bp3-large .#{$ns}-control-indicator { &.bp4-large .#{$ns}-control-indicator {
width: 20px; width: 20px;
height: 20px; height: 20px;
@@ -417,7 +417,7 @@ label.bp3-label {
} }
input:indeterminate~.#{$ns}-control-indicator { input:indeterminate~.#{$ns}-control-indicator {
background-image: escape-svg($form-check-input-indeterminate-bg-image); // background-image: escape-svg($form-check-input-indeterminate-bg-image);
border-color: $form-check-input-checked-bg-color; border-color: $form-check-input-checked-bg-color;
background-color: $form-check-input-checked-bg-color; background-color: $form-check-input-checked-bg-color;
box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent;
@@ -471,14 +471,14 @@ label.bp3-label {
} }
} }
.bp3-menu-item::before, .bp4-menu-item::before,
.bp3-menu-item>.bp3-icon { .bp4-menu-item>.bp4-icon {
color: #4b5d6b; color: #4b5d6b;
} }
.bp3-control-group { .bp4-control-group {
.input-prepend { .input-prepend {
&:not(.bp3-fixed) { &:not(.bp4-fixed) {
flex: 0; flex: 0;
} }
@@ -499,13 +499,13 @@ label.bp3-label {
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
.bp3-icon { .bp4-icon {
color: #848da0; color: #848da0;
} }
} }
} }
} }
.bp3-control.bp3-checkbox .bp3-control-indicator{ .bp4-control.bp4-checkbox .bp4-control-indicator{
border-color: #666; border-color: #666;
} }

4
packages/webapp/src/style/objects/switch.scss
View File

@@ -1,5 +1,5 @@
.bp3-control.bp3-switch { .bp4-control.bp4-switch {
.bp3-control-indicator { .bp4-control-indicator {
&:before { &:before {
box-shadow: none; box-shadow: none;

14
packages/webapp/src/style/pages/Accounts/AccountFormDialog.scss
View File

@@ -3,21 +3,21 @@
// Account Form Dialog. // Account Form Dialog.
// ---------------------------- // ----------------------------
.dialog--account-form { .dialog--account-form {
&:not(.dialog--loading) .bp3-dialog-body { &:not(.dialog--loading) .bp4-dialog-body {
margin-bottom: 30px; margin-bottom: 30px;
} }
.bp3-dialog-body { .bp4-dialog-body {
.bp3-form-group.bp3-inline { .bp4-form-group.bp4-inline {
.bp3-label { .bp4-label {
min-width: 140px; min-width: 140px;
} }
.bp3-form-content { .bp4-form-content {
width: 250px; width: 250px;
} }
&.form-group--description { &.form-group--description {
.bp3-form-content { .bp4-form-content {
width: 280px; width: 280px;
} }
textarea { textarea {
@@ -35,7 +35,7 @@
.form-group--subaccount { .form-group--subaccount {
margin-bottom: 16px; margin-bottom: 16px;
.bp3-icon-info-circle { .bp4-icon-info-circle {
color: #a1b2c5; color: #a1b2c5;
position: relative; position: relative;
top: -2px; top: -2px;

8
packages/webapp/src/style/pages/Accounts/List.scss
View File

@@ -17,13 +17,13 @@
} }
.account_name { .account_name {
.bp3-popover-wrapper--inactive-semafro { .bp4-popover-wrapper--inactive-semafro {
margin-left: 8px; margin-left: 8px;
margin-right: 6px; margin-right: 6px;
float: right; float: right;
border: 0; border: 0;
} }
.bp3-popover-wrapper--account-desc { .bp4-popover-wrapper--account-desc {
border-bottom-color: #bbb; border-bottom-color: #bbb;
} }
.inactive-semafro { .inactive-semafro {
@@ -43,10 +43,10 @@
display: block; display: block;
} }
.normal { .normal {
.bp3-popover-wrapper { .bp4-popover-wrapper {
width: 100%; width: 100%;
} }
.bp3-tooltip-indicator { .bp4-tooltip-indicator {
cursor: initial; cursor: initial;
border-bottom: 0; border-bottom: 0;
} }

18
packages/webapp/src/style/pages/AllocateLandedCost/AllocateLandedCostForm.scss
View File

@@ -2,25 +2,25 @@
.dialog--allocate-landed-cost-form { .dialog--allocate-landed-cost-form {
width: 700px; width: 700px;
.bp3-dialog-body { .bp4-dialog-body {
.bp3-form-group{ .bp4-form-group{
margin-bottom: 18px; margin-bottom: 18px;
} }
.bp3-form-group.bp3-inline { .bp4-form-group.bp4-inline {
.bp3-label { .bp4-label {
min-width: 165px; min-width: 165px;
} }
.bp3-form-content { .bp4-form-content {
width: 300px; width: 300px;
} }
&:not(.dialog--loading) .bp3-dialog-body { &:not(.dialog--loading) .bp4-dialog-body {
margin-bottom: 30px; margin-bottom: 30px;
} }
} }
} }
.bp3-dialog-footer{ .bp4-dialog-footer{
padding-top: 10px; padding-top: 10px;
} }
@@ -45,10 +45,10 @@
border-left: 1px solid #ececec; border-left: 1px solid #ececec;
} }
.bp3-form-group{ .bp4-form-group{
margin-bottom: 0; margin-bottom: 0;
&:not(.bp3-intent-danger) .bp3-input{ &:not(.bp4-intent-danger) .bp4-input{
border: 1px solid #d0dfe2; border: 1px solid #d0dfe2;
&:focus{ &:focus{

Some files were not shown because too many files have changed in this diff Show More