mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-17 13:20:31 +00:00
feat: migrate to pnpm (#253)
This commit is contained in:
Ahmed Bouhuolia
@@ -1,6 +1,6 @@
|
||||
.bp3-alert{
|
||||
.bp3-alert-footer{
|
||||
.bp3-button{
|
||||
.bp4-alert{
|
||||
.bp4-alert-footer{
|
||||
.bp4-button{
|
||||
min-width: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.bp3-spinner{
|
||||
.bp4-spinner{
|
||||
position: absolute;
|
||||
z-index: 999999;
|
||||
left: 50%;
|
||||
@@ -22,7 +22,7 @@
|
||||
margin-top: -20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
&:not(.is-loading) .bp3-spinner{
|
||||
&:not(.is-loading) .bp4-spinner{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import 'src/style/Base.scss';
|
||||
@import 'src/style/_base.scss';
|
||||
|
||||
.bigcapital-datatable {
|
||||
display: block;
|
||||
@@ -64,7 +64,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-context-menu-popover-target {
|
||||
.bp4-context-menu-popover-target {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
@@ -96,7 +96,7 @@
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
.bp3-control {
|
||||
.bp4-control {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@@ -124,7 +124,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-control.bp3-checkbox .bp3-control-indicator {
|
||||
.bp4-control.bp4-checkbox .bp4-control-indicator {
|
||||
cursor: auto;
|
||||
|
||||
&,
|
||||
@@ -134,10 +134,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-control.bp3-checkbox {
|
||||
.bp4-control.bp4-checkbox {
|
||||
|
||||
input:checked~.bp3-control-indicator,
|
||||
input:indeterminate~.bp3-control-indicator {
|
||||
input:checked~.bp4-control-indicator,
|
||||
input:indeterminate~.bp4-control-indicator {
|
||||
border-color: #0052ff;
|
||||
}
|
||||
}
|
||||
@@ -198,7 +198,7 @@
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -238,7 +238,7 @@
|
||||
color: #425361;
|
||||
}
|
||||
|
||||
.bp3-icon-more-h-16 {
|
||||
.bp4-icon-more-h-16 {
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
.datatable-editor {
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.table {
|
||||
@@ -58,11 +58,11 @@
|
||||
|
||||
&.landed-cost{
|
||||
|
||||
.bp3-control{
|
||||
.bp4-control{
|
||||
margin-top: 0;
|
||||
margin-left: 34px;
|
||||
}
|
||||
.bp3-control-indicator{
|
||||
.bp4-control-indicator{
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
border-color: #dbdbdb;
|
||||
@@ -70,13 +70,13 @@
|
||||
}
|
||||
}
|
||||
.tr {
|
||||
.bp3-form-group:not(.bp3-intent-danger) .bp3-input,
|
||||
.form-group--select-list .bp3-button {
|
||||
.bp4-form-group:not(.bp4-intent-danger) .bp4-input,
|
||||
.form-group--select-list .bp4-button {
|
||||
border-color: #ffffff;
|
||||
color: #222;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.bp3-form-group:not(.bp3-intent-danger) .bp3-input {
|
||||
.bp4-form-group:not(.bp4-intent-danger) .bp4-input {
|
||||
border-radius: 2px;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
@@ -85,7 +85,7 @@
|
||||
box-shadow: 0 0 0 2px #116cd0;
|
||||
}
|
||||
}
|
||||
.form-group--select-list .bp3-button {
|
||||
.form-group--select-list .bp4-button {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
|
||||
@@ -94,10 +94,10 @@
|
||||
}
|
||||
}
|
||||
.form-group--select-list,
|
||||
.bp3-form-group {
|
||||
&.bp3-intent-danger {
|
||||
.bp3-button:not(.bp3-minimal),
|
||||
.bp3-input {
|
||||
.bp4-form-group {
|
||||
&.bp4-intent-danger {
|
||||
.bp4-button:not(.bp4-minimal),
|
||||
.bp4-input {
|
||||
border-color: #f7b6b6;
|
||||
}
|
||||
}
|
||||
@@ -110,7 +110,7 @@
|
||||
}
|
||||
|
||||
.td.actions {
|
||||
.bp3-button {
|
||||
.bp4-button {
|
||||
background-color: transparent;
|
||||
color: #e66d6d;
|
||||
|
||||
@@ -135,7 +135,7 @@
|
||||
}
|
||||
.td {
|
||||
&.note {
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -159,7 +159,7 @@
|
||||
}
|
||||
|
||||
.actions.td {
|
||||
.bp3-button {
|
||||
.bp4-button {
|
||||
background: transparent;
|
||||
margin: 0;
|
||||
}
|
||||
@@ -186,7 +186,7 @@
|
||||
|
||||
.table {
|
||||
.tbody {
|
||||
.tr .td.actions .bp3-button {
|
||||
.tr .td.actions .bp4-button {
|
||||
background-color: transparent;
|
||||
color: #e66d6d;
|
||||
|
||||
@@ -200,13 +200,13 @@
|
||||
&__actions {
|
||||
margin-top: 12px;
|
||||
|
||||
.bp3-button {
|
||||
.bp4-button {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.button--clear-lines {
|
||||
&.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
&.bp4-button:not([class*='bp4-intent-']):not(.bp4-minimal) {
|
||||
background-color: #fcefef;
|
||||
|
||||
&:hover{
|
||||
|
||||
@@ -28,10 +28,10 @@
|
||||
&_actions {
|
||||
margin-top: 26px;
|
||||
|
||||
:global .bp3-button {
|
||||
:global .bp4-button {
|
||||
min-height: 36px;
|
||||
|
||||
& + .bp3-button {
|
||||
& + .bp4-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
padding: 20px 14px;
|
||||
font-size: 13px;
|
||||
|
||||
.bp3-button{
|
||||
.bp4-button{
|
||||
background: transparent;
|
||||
padding: 5px;
|
||||
}
|
||||
@@ -13,7 +13,7 @@
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
|
||||
&:not([class*="bp3-intent-"]){
|
||||
&:not([class*="bp4-intent-"]){
|
||||
color: #666666;
|
||||
border-radius: 5px;
|
||||
|
||||
@@ -22,22 +22,22 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-icon{
|
||||
.bp4-icon{
|
||||
margin-right: 4px;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.pagination .pagination__buttons-group .bp3-button-group &{
|
||||
.pagination .pagination__buttons-group .bp4-button-group &{
|
||||
border-radius: 5px;
|
||||
}
|
||||
&--next,
|
||||
&--previous{
|
||||
|
||||
&.bp3-button{
|
||||
&.bp4-button{
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
|
||||
.bp3-icon {
|
||||
.bp4-icon {
|
||||
|
||||
[dir="rtl"] & {
|
||||
transform: scale(-1);
|
||||
@@ -48,21 +48,21 @@
|
||||
}
|
||||
|
||||
&.is-active{
|
||||
&.bp3-intent-primary:disabled,
|
||||
&.bp3-intent-primary.bp3-disabled{
|
||||
&.bp4-intent-primary:disabled,
|
||||
&.bp4-intent-primary.bp4-disabled{
|
||||
background-color: #E6EFFB;
|
||||
}
|
||||
|
||||
&:not([class*="bp3-intent-"]) {
|
||||
&:not([class*="bp4-intent-"]) {
|
||||
}
|
||||
.bp3-button-text{
|
||||
.bp4-button-text{
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
&--next{
|
||||
|
||||
.bp3-icon{
|
||||
.bp4-icon{
|
||||
order: 1;
|
||||
margin-right: 0;
|
||||
margin-left: 4px;
|
||||
@@ -82,7 +82,7 @@
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
|
||||
.bp3-html-select{
|
||||
.bp4-html-select{
|
||||
margin-left: 6px;
|
||||
|
||||
select{
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import '../../Base.scss';
|
||||
@import '../../_base.scss';
|
||||
|
||||
// Dialog
|
||||
.#{$ns}-dialog{
|
||||
@@ -10,7 +10,7 @@
|
||||
|
||||
&-body{
|
||||
&.is-loading{
|
||||
.bp3-spinner{
|
||||
.bp4-spinner{
|
||||
padding-top: 10px;
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
@@ -1,16 +1,16 @@
|
||||
@import '../Base.scss';
|
||||
@import '../_base.scss';
|
||||
|
||||
.bp3-drawer {
|
||||
.bp3-drawer-header {
|
||||
.bp4-drawer {
|
||||
.bp4-drawer-header {
|
||||
margin-bottom: 2px;
|
||||
background-color: #FFF;
|
||||
|
||||
.bp3-heading {
|
||||
.bp4-heading {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.bp3-heading,
|
||||
.bp3-icon {
|
||||
.bp4-heading,
|
||||
.bp4-icon {
|
||||
color: #354152;
|
||||
}
|
||||
}
|
||||
@@ -25,8 +25,8 @@
|
||||
}
|
||||
|
||||
&__main-tabs{
|
||||
.bp3-tabs {
|
||||
.bp3-tab-list {
|
||||
.bp4-tabs {
|
||||
.bp4-tab-list {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
|
||||
@@ -43,7 +43,7 @@
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
&.bp3-large > .bp3-tab {
|
||||
&.bp4-large > .bp4-tab {
|
||||
font-size: 15px;
|
||||
color: #555;
|
||||
margin: 0 0.8rem;
|
||||
@@ -55,7 +55,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tab-panel {
|
||||
.bp4-tab-panel {
|
||||
margin-top: 0;
|
||||
|
||||
.card {
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
|
||||
&--account-normal{
|
||||
|
||||
.bp3-icon{
|
||||
.bp4-icon{
|
||||
position: relative;
|
||||
top: -2px;
|
||||
margin-left: 2px;
|
||||
|
||||
@@ -116,14 +116,14 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-drawer.bp3-position-right {
|
||||
.bp4-drawer.bp4-position-right {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
overflow: auto;
|
||||
height: 100%;
|
||||
|
||||
.bp3-drawer-header .bp3-heading {
|
||||
.bp4-drawer-header .bp4-heading {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
@import '../../../Base.scss';
|
||||
@import '../../../_base.scss';
|
||||
|
||||
.view-detail-drawer {
|
||||
.bp3-tabs {
|
||||
.bp3-tab-list {
|
||||
.bp4-tabs {
|
||||
.bp4-tab-list {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
&.bp3-large > .bp3-tab {
|
||||
&.bp4-large > .bp4-tab {
|
||||
font-size: 15px;
|
||||
color: #555;
|
||||
margin: 0 0.8rem;
|
||||
@@ -31,7 +31,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tab-panel {
|
||||
.bp4-tab-panel {
|
||||
margin-top: 0;
|
||||
|
||||
.card {
|
||||
|
||||
@@ -3,14 +3,14 @@
|
||||
position: relative;
|
||||
top: -1px;
|
||||
|
||||
.bp3-icon {
|
||||
.bp4-icon {
|
||||
color: #a1b2c5;
|
||||
}
|
||||
|
||||
.bp3-popover-target:hover .bp3-icon {
|
||||
.bp4-popover-target:hover .bp4-icon {
|
||||
color: #90a1b5;
|
||||
}
|
||||
.bp3-icon {
|
||||
.bp4-icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
.bp3-menu-item {
|
||||
.bp4-menu-item {
|
||||
|
||||
.menu-item-space {
|
||||
width: 6px;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
|
||||
|
||||
|
||||
.bp3-overlay-backdrop {
|
||||
.bp4-overlay-backdrop {
|
||||
background-color: rgba(0, 10, 30, 0.7);
|
||||
}
|
||||
@@ -15,15 +15,15 @@
|
||||
border-top: 1px solid rgb(210, 221, 226);
|
||||
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),
|
||||
&.bp3-popover-wrapper:not(:last-child) {
|
||||
&.bp4-popover-wrapper:not(:last-child) {
|
||||
border-right: 1px solid rgba(92, 112, 127, 0.3);
|
||||
margin-right: 0;
|
||||
|
||||
&.bp3-intent-primary{
|
||||
&.bp4-intent-primary{
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
}
|
||||
@@ -34,11 +34,11 @@
|
||||
#{$self}__header-fields {
|
||||
width: 85%;
|
||||
|
||||
.bp3-form-group{
|
||||
.bp4-form-group{
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
> .bp3-form-group:last-of-type{
|
||||
> .bp4-form-group:last-of-type{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
@@ -47,7 +47,7 @@
|
||||
padding: 25px 32px;
|
||||
border-bottom: 1px solid #d2dce2;
|
||||
|
||||
.bp3-form-group.bp3-inline label.bp3-label {
|
||||
.bp4-form-group.bp4-inline label.bp4-label {
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
@@ -61,7 +61,7 @@
|
||||
padding-left: 32px;
|
||||
padding-right: 32px;
|
||||
|
||||
label.bp3-label{
|
||||
label.bp4-label{
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -93,7 +93,7 @@
|
||||
.sidebar-overlay-transition {
|
||||
transform: translateX(-100%);
|
||||
|
||||
&.bp3-overlay {
|
||||
&.bp4-overlay {
|
||||
|
||||
&-appear,
|
||||
&-enter {
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
.bp3-toast {
|
||||
.bp4-toast {
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -11,14 +11,14 @@
|
||||
width: 500px;
|
||||
z-index: 20;
|
||||
|
||||
&.bp3-overlay-appear,
|
||||
&.bp3-overlay-enter {
|
||||
&.bp4-overlay-appear,
|
||||
&.bp4-overlay-enter {
|
||||
filter: blur(20px);
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
&.bp3-overlay-appear-active,
|
||||
&.bp3-overlay-enter-active {
|
||||
&.bp4-overlay-appear-active,
|
||||
&.bp4-overlay-enter-active {
|
||||
filter: blur(0);
|
||||
opacity: 1;
|
||||
transition-delay: 0;
|
||||
@@ -27,12 +27,12 @@
|
||||
transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
|
||||
}
|
||||
|
||||
&.bp3-overlay-exit {
|
||||
&.bp4-overlay-exit {
|
||||
filter: blur(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.bp3-overlay-exit-active {
|
||||
&.bp4-overlay-exit-active {
|
||||
filter: blur(20px);
|
||||
opacity: 0.2;
|
||||
transition-delay: 0;
|
||||
@@ -42,8 +42,8 @@
|
||||
}
|
||||
|
||||
&__omnibar {
|
||||
.bp3-input-group {
|
||||
.bp3-icon {
|
||||
.bp4-input-group {
|
||||
.bp4-icon {
|
||||
svg {
|
||||
stroke: currentColor;
|
||||
fill: none;
|
||||
@@ -54,7 +54,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-input-group .bp3-input {
|
||||
.bp4-input-group .bp4-input {
|
||||
border: 0;
|
||||
box-shadow: 0 0 0 0;
|
||||
height: 50px;
|
||||
@@ -62,15 +62,15 @@
|
||||
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;
|
||||
}
|
||||
.bp3-input-group.bp3-large .bp3-input:not(:last-child) {
|
||||
.bp4-input-group.bp4-large .bp4-input:not(:last-child) {
|
||||
padding-right: 130px !important;
|
||||
}
|
||||
|
||||
.bp3-input-group {
|
||||
.bp3-icon {
|
||||
.bp4-input-group {
|
||||
.bp4-icon {
|
||||
margin: 16px;
|
||||
color: #5c707f;
|
||||
|
||||
@@ -81,25 +81,25 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-menu {
|
||||
.bp4-menu {
|
||||
border-top: 1px solid #d3dce2;
|
||||
max-height: calc(60vh - 20px);
|
||||
overflow: auto;
|
||||
|
||||
.bp3-menu-item {
|
||||
.bp3-text-muted {
|
||||
.bp4-menu-item {
|
||||
.bp4-text-muted {
|
||||
font-size: 12px;
|
||||
|
||||
.bp3-icon {
|
||||
.bp4-icon {
|
||||
color: #8499a7;
|
||||
}
|
||||
}
|
||||
&.bp3-intent-primary {
|
||||
&.bp3-active {
|
||||
&.bp4-intent-primary {
|
||||
&.bp4-active {
|
||||
background-color: rgb(235, 241, 246);
|
||||
color: #252b30;
|
||||
|
||||
.bp3-menu-item-label {
|
||||
.bp4-menu-item-label {
|
||||
color: #5c7080;
|
||||
}
|
||||
}
|
||||
@@ -112,7 +112,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-input-action {
|
||||
.bp4-input-action {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@@ -121,7 +121,7 @@
|
||||
}
|
||||
|
||||
&__type-select-overlay {
|
||||
.bp3-button {
|
||||
.bp4-button {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
@@ -140,12 +140,12 @@
|
||||
margin-left: 14px;
|
||||
}
|
||||
|
||||
.bp3-tag {
|
||||
.bp4-tag {
|
||||
background: #708392;
|
||||
}
|
||||
|
||||
&--arrows {
|
||||
.bp3-tag {
|
||||
.bp4-tag {
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
line-height: 16px;
|
||||
@@ -173,7 +173,7 @@
|
||||
display: flex;
|
||||
margin: 10px;
|
||||
|
||||
.bp3-spinner {
|
||||
.bp4-spinner {
|
||||
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);
|
||||
}
|
||||
|
||||
@@ -58,7 +58,7 @@
|
||||
left: -5px;
|
||||
visibility: hidden;
|
||||
|
||||
.bp3-icon {
|
||||
.bp4-icon {
|
||||
position: relative;
|
||||
top: -3px;
|
||||
left: 0px;
|
||||
|
||||
Reference in New Issue
Block a user