mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-17 21:30:31 +00:00
feat: migrate to pnpm (#253)
This commit is contained in:
Ahmed Bouhuolia
@@ -1,14 +1,10 @@
|
||||
@import './normalize.scss';
|
||||
@import './_base.scss';
|
||||
|
||||
@import './Base.scss';
|
||||
|
||||
// Blueprint framework.
|
||||
@import '@blueprintjs/core/src/blueprint.scss';
|
||||
@import '@blueprintjs/datetime/src/blueprint-datetime.scss';
|
||||
@import '@blueprintjs/popover2/src/blueprint-popover2.scss';
|
||||
|
||||
@import 'basscss';
|
||||
|
||||
// Objects
|
||||
@import 'objects/form';
|
||||
@import 'objects/switch';
|
||||
@@ -51,56 +47,56 @@ body.hide-scrollbar .Pane2 {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bp3-fill {
|
||||
.bp4-fill {
|
||||
|
||||
.bp3-popover-wrapper,
|
||||
.bp3-popover-target {
|
||||
.bp4-popover-wrapper,
|
||||
.bp4-popover-target {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-button {
|
||||
.bp4-button {
|
||||
width: 100%;
|
||||
justify-content: start;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-datepicker-caption .bp3-html-select::after {
|
||||
.bp4-datepicker-caption .bp4-html-select::after {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.bp3-select-popover .bp3-menu,
|
||||
.bp3-multi-select-popover .bp3-menu {
|
||||
.bp4-select-popover .bp4-menu,
|
||||
.bp4-multi-select-popover .bp4-menu {
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.bp3-form-group .bp3-label {
|
||||
.bp4-form-group .bp4-label {
|
||||
.hint {
|
||||
.bp3-popover-wrapper {
|
||||
.bp4-popover-wrapper {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.bp3-inline) .hint .bp3-popover-target {
|
||||
&:not(.bp4-inline) .hint .bp4-popover-target {
|
||||
display: inline;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-popover.bp3-tooltip {
|
||||
.bp4-popover.bp4-tooltip {
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.bp3-timezone-picker {
|
||||
.bp3-button {
|
||||
.bp4-timezone-picker {
|
||||
.bp4-button {
|
||||
[icon='caret-down'] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-progress-bar.bp3-intent-primary .bp3-progress-meter {
|
||||
.bp4-progress-bar.bp4-intent-primary .bp4-progress-meter {
|
||||
background-color: #0066ff;
|
||||
}
|
||||
|
||||
@@ -183,7 +179,7 @@ body.hide-scrollbar .Pane2 {
|
||||
|
||||
.ReactVirtualized__List {}
|
||||
|
||||
.bp3-drawer {
|
||||
.bp4-drawer {
|
||||
box-shadow: 0 0 0;
|
||||
background-color: #fbfbfb;
|
||||
|
||||
@@ -194,7 +190,7 @@ body.hide-scrollbar .Pane2 {
|
||||
|
||||
// RTL Icons.
|
||||
html[dir='rtl'] {
|
||||
.bp3-icon-caret-right {
|
||||
.bp4-icon-caret-right {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
}
|
||||
@@ -205,12 +201,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),
|
||||
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;
|
||||
}
|
||||
|
||||
@@ -230,38 +226,38 @@ html[lang^='ar'] {
|
||||
z-index: 9999999;
|
||||
margin: 6px;
|
||||
|
||||
.bp3-button {
|
||||
.bp4-button {
|
||||
border-color: rgba(0, 0, 0, 0.25);
|
||||
color: rgb(25, 32, 37);
|
||||
min-height: 30px;
|
||||
padding-left: 14px;
|
||||
padding-right: 14px;
|
||||
|
||||
&+.bp3-button {
|
||||
&+.bp4-button {
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog {
|
||||
.bp4-dialog {
|
||||
&-body {
|
||||
&:not(.loading) {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
>.bp3-spinner {
|
||||
>.bp4-spinner {
|
||||
margin: 20px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-drawer {
|
||||
.bp4-drawer {
|
||||
border-left: 1px solid #00115e;
|
||||
}
|
||||
|
||||
.drawer-portal {
|
||||
.bp3-overlay-backdrop {
|
||||
.bp4-overlay-backdrop {
|
||||
background: rgba(0, 10, 30, 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,3 +0,0 @@
|
||||
|
||||
@import 'variables';
|
||||
@import 'functions';
|
||||
3
packages/webapp/src/style/_base.scss
Normal file
3
packages/webapp/src/style/_base.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
|
||||
@import '_variables';
|
||||
@import '_functions';
|
||||
54
packages/webapp/src/style/_functions.scss
Normal file
54
packages/webapp/src/style/_functions.scss
Normal file
@@ -0,0 +1,54 @@
|
||||
// Characters which are escaped by the escape-svg function
|
||||
$escaped-characters: (("<", "%3c"),
|
||||
(">", "%3e"),
|
||||
("#", "%23"),
|
||||
("(", "%28"),
|
||||
(")", "%29"),
|
||||
) !default;
|
||||
|
||||
$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",
|
||||
) !default;
|
||||
|
||||
// Replace `$search` with `$replace` in `$string`
|
||||
// Used on our SVG icon backgrounds for custom forms.
|
||||
//
|
||||
// @author Hugo Giraudel
|
||||
// @param {String} $string - Initial string
|
||||
// @param {String} $search - Substring to replace
|
||||
// @param {String} $replace ('') - New value
|
||||
// @return {String} - Updated string
|
||||
@function str-replace($string, $search, $replace: "") {
|
||||
$index: str-index($string, $search);
|
||||
|
||||
@if $index {
|
||||
@return str-slice($string, 1, $index - 1)+$replace+str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
||||
}
|
||||
|
||||
@return $string;
|
||||
}
|
||||
|
||||
@function escape-svg($string) {
|
||||
@if str-index($string, "data:image/svg+xml") {
|
||||
|
||||
@each $char,
|
||||
$encoded in $escaped-characters {
|
||||
|
||||
@if str-index($string, "url(")==1 {
|
||||
$string: url("#{str-replace(str-slice($string, 6, -3), $char, $encoded)}");
|
||||
}
|
||||
|
||||
@else {
|
||||
$string: str-replace($string, $char, $encoded);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@return $string;
|
||||
}
|
||||
|
||||
@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")
|
||||
}
|
||||
@@ -1,6 +1,7 @@
|
||||
@import '@blueprintjs/core/src/common/_variables.scss';
|
||||
@import "@blueprintjs/colors/lib/scss/colors";
|
||||
@import '@blueprintjs/core/src/common/variables';
|
||||
|
||||
$ns: bp3;
|
||||
$ns: bp4;
|
||||
|
||||
$pt-popover-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);
|
||||
@@ -48,4 +49,4 @@ $form-check-input-indeterminate-bg-image: url("data:image/svg+xml,<svg xmlns='ht
|
||||
|
||||
// z-indexs
|
||||
$zindex-dashboard-splash-screen: 39;
|
||||
$zindex-toast: 40;
|
||||
$zindex-toast: 40;
|
||||
@@ -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;
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import 'src/style/Base.scss';
|
||||
@import 'src/style/_base.scss';
|
||||
|
||||
.sidebar {
|
||||
background: $sidebar-background;
|
||||
@@ -66,18 +66,18 @@
|
||||
outline: 0;
|
||||
font-size: 15px;
|
||||
|
||||
&:not([class*="bp3-intent-"]):not(.bp3-minimal) {
|
||||
&:not([class*="bp4-intent-"]):not(.bp4-minimal) {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.bp3-active {
|
||||
&.bp4-active {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.bp3-button-text {
|
||||
.bp4-button-text {
|
||||
margin-right: 4px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
@@ -90,8 +90,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-popover-wrapper,
|
||||
.bp3-popover-target {
|
||||
.bp4-popover-wrapper,
|
||||
.bp4-popover-target {
|
||||
max-width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -145,7 +145,7 @@
|
||||
font-weight: 400;
|
||||
|
||||
&:hover,
|
||||
&.bp3-active {
|
||||
&.bp4-active {
|
||||
background: $sidebar-submenu-item-bg-color;
|
||||
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;
|
||||
}
|
||||
}
|
||||
@@ -202,12 +202,12 @@
|
||||
color: $sidebar-submenu-item-color;
|
||||
|
||||
&:hover,
|
||||
&.bp3-active {
|
||||
&.bp4-active {
|
||||
background: transparent;
|
||||
color: $sidebar-submenu-item-hover-color;
|
||||
}
|
||||
|
||||
&.bp3-active {
|
||||
&.bp4-active {
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
@@ -296,7 +296,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-button.menu-item__add-btn {
|
||||
.bp4-button.menu-item__add-btn {
|
||||
width: auto;
|
||||
padding: 2px;
|
||||
margin-right: 0px;
|
||||
@@ -306,8 +306,8 @@
|
||||
display: none;
|
||||
vertical-align: top;
|
||||
|
||||
&:not([class*='bp3-intent-']):not(.bp3-minimal):not(:disabled) {
|
||||
.bp3-icon {
|
||||
&:not([class*='bp4-intent-']):not(.bp4-minimal):not(:disabled) {
|
||||
.bp4-icon {
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
@@ -322,13 +322,13 @@
|
||||
&:hover {
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
|
||||
.bp3-icon {
|
||||
.bp4-icon {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-icon {
|
||||
.bp4-icon {
|
||||
margin: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
&.is-hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
.bp3-drawer {
|
||||
.bp4-drawer {
|
||||
box-shadow: 0 0 0 transparent;
|
||||
max-height: 550px;
|
||||
height: 100%;
|
||||
@@ -26,26 +26,26 @@
|
||||
flex: 1 0 0;
|
||||
height: 100%;
|
||||
}
|
||||
.bp3-drawer-backdrop {
|
||||
.bp4-drawer-backdrop {
|
||||
background-color: rgba(2, 9, 19, 0.65);
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-button.button--submit-filter {
|
||||
.bp4-button.button--submit-filter {
|
||||
min-height: 34px;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
.radio-group---accounting-basis {
|
||||
.bp3-label {
|
||||
.bp4-label {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tabs {
|
||||
.bp4-tabs {
|
||||
height: 100%;
|
||||
|
||||
&.bp3-vertical > .bp3-tab-panel {
|
||||
&.bp4-vertical > .bp4-tab-panel {
|
||||
flex: 1 0 0;
|
||||
border-top: 24px solid transparent;
|
||||
padding-left: 20px;
|
||||
@@ -55,10 +55,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tabs.bp3-vertical {
|
||||
.bp4-tabs.bp4-vertical {
|
||||
flex: 1 0 0;
|
||||
|
||||
.bp3-tab-list {
|
||||
.bp4-tab-list {
|
||||
width: 220px;
|
||||
border-right: 1px solid #c3cdd5;
|
||||
padding-top: 10px;
|
||||
@@ -66,17 +66,17 @@
|
||||
> *:not(:last-child) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.bp3-tab-indicator-wrapper {
|
||||
.bp4-tab-indicator-wrapper {
|
||||
width: 100%;
|
||||
|
||||
.bp3-tab-indicator {
|
||||
.bp4-tab-indicator {
|
||||
border-left: 3px solid #0350f8;
|
||||
background-color: #edf5ff;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tab {
|
||||
.bp4-tab {
|
||||
color: #333;
|
||||
line-height: 45px;
|
||||
border-radius: 0;
|
||||
@@ -105,8 +105,8 @@
|
||||
padding-right: 0.85rem;
|
||||
}
|
||||
}
|
||||
.bp3-popover-target {
|
||||
.bp3-tag-input {
|
||||
.bp4-popover-target {
|
||||
.bp4-tag-input {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,40 +0,0 @@
|
||||
|
||||
// Characters which are escaped by the escape-svg function
|
||||
$escaped-characters: (
|
||||
("<","%3c"),
|
||||
(">","%3e"),
|
||||
("#","%23"),
|
||||
("(","%28"),
|
||||
(")","%29"),
|
||||
) !default;
|
||||
|
||||
// Replace `$search` with `$replace` in `$string`
|
||||
// Used on our SVG icon backgrounds for custom forms.
|
||||
//
|
||||
// @author Hugo Giraudel
|
||||
// @param {String} $string - Initial string
|
||||
// @param {String} $search - Substring to replace
|
||||
// @param {String} $replace ('') - New value
|
||||
// @return {String} - Updated string
|
||||
@function str-replace($string, $search, $replace: "") {
|
||||
$index: str-index($string, $search);
|
||||
|
||||
@if $index {
|
||||
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
||||
}
|
||||
@return $string;
|
||||
}
|
||||
|
||||
@function escape-svg($string) {
|
||||
@if str-index($string, "data:image/svg+xml") {
|
||||
@each $char, $encoded in $escaped-characters {
|
||||
|
||||
@if str-index($string, "url(") == 1 {
|
||||
$string: url("#{str-replace(str-slice($string, 6, -3), $char, $encoded)}");
|
||||
} @else {
|
||||
$string: str-replace($string, $char, $encoded);
|
||||
}
|
||||
}
|
||||
}
|
||||
@return $string;
|
||||
}
|
||||
@@ -1,35 +1,35 @@
|
||||
|
||||
|
||||
.bp3-button {
|
||||
.bp4-button {
|
||||
min-width: 32px;
|
||||
min-height: 32px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.bp3-button:not([class*='bp3-intent-']) {
|
||||
.bp4-button:not([class*='bp4-intent-']) {
|
||||
color: #33304a;
|
||||
}
|
||||
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
.bp4-button:not([class*='bp4-intent-']):not(.bp4-minimal) {
|
||||
color: #555555;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
|
||||
&.bp3-small {
|
||||
&.bp4-small {
|
||||
font-size: 13px;
|
||||
min-height: 29px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-button-group.bp3-minimal .bp3-button {
|
||||
.bp4-button-group.bp4-minimal .bp4-button {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.bp3-button {
|
||||
&.bp3-intent-primary,
|
||||
&.bp3-intent-success,
|
||||
&.bp3-intent-danger,
|
||||
&.bp3-intent-warning {
|
||||
.bp4-button {
|
||||
&.bp4-intent-primary,
|
||||
&.bp4-intent-success,
|
||||
&.bp4-intent-danger,
|
||||
&.bp4-intent-warning {
|
||||
&,
|
||||
&:hover {
|
||||
box-shadow: 0 0 0 transparent;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
}
|
||||
|
||||
// Form form.
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
color: #353535;
|
||||
font-weight: 400;
|
||||
|
||||
@@ -22,7 +22,7 @@ label.bp3-label {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.bp3-form-group.bp3-inline & {
|
||||
.bp4-form-group.bp4-inline & {
|
||||
margin: 0 10px 0 0;
|
||||
line-height: 1.6;
|
||||
padding-top: calc(0.3rem + 1px);
|
||||
@@ -40,38 +40,38 @@ label.bp3-label {
|
||||
color: #333;
|
||||
|
||||
&:focus,
|
||||
&.bp3-active {
|
||||
&.bp4-active {
|
||||
box-shadow: 0 0 0 1px #116cd0;
|
||||
border-color: #116cd0;
|
||||
}
|
||||
|
||||
&.bp3-disabled,
|
||||
&.bp4-disabled,
|
||||
&:disabled {
|
||||
background: #e9ecef;
|
||||
}
|
||||
|
||||
&.bp3-intent-danger {
|
||||
&.bp4-intent-danger {
|
||||
box-shadow: 0 0 0 transparent;
|
||||
border-color: #db3737;
|
||||
|
||||
&:focus,
|
||||
&.bp3-active {
|
||||
&.bp4-active {
|
||||
box-shadow: 0 0 0 1px #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;
|
||||
border-color: #db3737;
|
||||
|
||||
&:focus,
|
||||
&.bp3-active {
|
||||
&.bp4-active {
|
||||
box-shadow: 0 0 0 1px #db3737;
|
||||
border-color: #db3737;
|
||||
}
|
||||
@@ -134,7 +134,7 @@ label.bp3-label {
|
||||
border-radius: 0.25rem;
|
||||
height: 100%;
|
||||
|
||||
.bp3-form-group & {
|
||||
.bp4-form-group & {
|
||||
padding: 0.25rem 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.5;
|
||||
@@ -143,12 +143,12 @@ label.bp3-label {
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
.bp3-input-group {
|
||||
.bp4-form-group {
|
||||
.bp4-input-group {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.bp3-control-group {
|
||||
.bp4-control-group {
|
||||
>.input-group-prepend:first-child .input-group-text {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
@@ -157,12 +157,12 @@ label.bp3-label {
|
||||
}
|
||||
|
||||
.#{$ns}-html-select {
|
||||
.bp3-icon-double-caret-vertical {
|
||||
.bp4-icon-double-caret-vertical {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-datepicker-caption select {
|
||||
.bp4-datepicker-caption select {
|
||||
|
||||
&,
|
||||
&:hover {
|
||||
@@ -190,7 +190,7 @@ label.bp3-label {
|
||||
|
||||
.form-group--select-list {
|
||||
|
||||
.form-group--select-list.bp3-intent-danger & {
|
||||
.form-group--select-list.bp4-intent-danger & {
|
||||
& {
|
||||
border-color: #db3737;
|
||||
}
|
||||
@@ -202,7 +202,7 @@ label.bp3-label {
|
||||
padding-right: 25px;
|
||||
justify-content: start;
|
||||
|
||||
&:not([class*="bp3-intent-"]):not(.bp3-minimal) {
|
||||
&:not([class*="bp4-intent-"]):not(.bp4-minimal) {
|
||||
|
||||
&,
|
||||
&:hover {
|
||||
@@ -222,41 +222,41 @@ label.bp3-label {
|
||||
}
|
||||
}
|
||||
|
||||
&.bp3-fill {
|
||||
&.bp4-fill {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-popover-target.bp3-popover-open {
|
||||
.bp4-popover-target.bp4-popover-open {
|
||||
|
||||
.#{$ns}-button {
|
||||
|
||||
&:not([class*="bp3-intent-"]):not(.bp3-minimal):not(:disabled),
|
||||
&:not([class*="bp3-intent-"]):not(.bp3-minimal):hover:not(:disabled) {
|
||||
&:not([class*="bp4-intent-"]):not(.bp4-minimal):not(:disabled),
|
||||
&:not([class*="bp4-intent-"]):not(.bp4-minimal):hover:not(:disabled) {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-popover-target {
|
||||
.bp3-icon {
|
||||
.bp4-popover-target {
|
||||
.bp4-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin: 7px;
|
||||
|
||||
+.bp3-button-text {
|
||||
+.bp4-button-text {
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-button {
|
||||
.bp4-button {
|
||||
padding-left: 10px;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
&.bp3-intent-danger {
|
||||
.bp3-button:not(.bp3-minimal) {
|
||||
&.bp4-intent-danger {
|
||||
.bp4-button:not(.bp4-minimal) {
|
||||
border-color: #db3737;
|
||||
}
|
||||
}
|
||||
@@ -265,13 +265,13 @@ label.bp3-label {
|
||||
.select-list--fill-popover {
|
||||
position: relative;
|
||||
|
||||
.bp3-transition-container,
|
||||
.bp3-popover {
|
||||
.bp4-transition-container,
|
||||
.bp4-popover {
|
||||
min-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.select-list--tooltip-items .bp3-popover-target {
|
||||
.select-list--tooltip-items .bp4-popover-target {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -347,7 +347,7 @@ label.bp3-label {
|
||||
}
|
||||
}
|
||||
|
||||
&.bp3-large .#{$ns}-control-indicator {
|
||||
&.bp4-large .#{$ns}-control-indicator {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
@@ -417,7 +417,7 @@ label.bp3-label {
|
||||
}
|
||||
|
||||
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;
|
||||
background-color: $form-check-input-checked-bg-color;
|
||||
box-shadow: 0 0 0 0 transparent;
|
||||
@@ -471,14 +471,14 @@ label.bp3-label {
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-menu-item::before,
|
||||
.bp3-menu-item>.bp3-icon {
|
||||
.bp4-menu-item::before,
|
||||
.bp4-menu-item>.bp4-icon {
|
||||
color: #4b5d6b;
|
||||
}
|
||||
|
||||
.bp3-control-group {
|
||||
.bp4-control-group {
|
||||
.input-prepend {
|
||||
&:not(.bp3-fixed) {
|
||||
&:not(.bp4-fixed) {
|
||||
flex: 0;
|
||||
}
|
||||
|
||||
@@ -499,13 +499,13 @@ label.bp3-label {
|
||||
border: 1px solid #ced4da;
|
||||
border-radius: 0 3px 3px 0;
|
||||
|
||||
.bp3-icon {
|
||||
.bp4-icon {
|
||||
color: #848da0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-control.bp3-checkbox .bp3-control-indicator{
|
||||
.bp4-control.bp4-checkbox .bp4-control-indicator{
|
||||
border-color: #666;
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
.bp3-control.bp3-switch {
|
||||
.bp3-control-indicator {
|
||||
.bp4-control.bp4-switch {
|
||||
.bp4-control-indicator {
|
||||
|
||||
&:before {
|
||||
box-shadow: none;
|
||||
|
||||
@@ -1,23 +1,23 @@
|
||||
@import '../../Base.scss';
|
||||
@import '../../_base.scss';
|
||||
|
||||
// Account Form Dialog.
|
||||
// ----------------------------
|
||||
.dialog--account-form {
|
||||
&:not(.dialog--loading) .bp3-dialog-body {
|
||||
&:not(.dialog--loading) .bp4-dialog-body {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group.bp4-inline {
|
||||
.bp4-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
&.form-group--description {
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 280px;
|
||||
}
|
||||
textarea {
|
||||
@@ -35,7 +35,7 @@
|
||||
.form-group--subaccount {
|
||||
margin-bottom: 16px;
|
||||
|
||||
.bp3-icon-info-circle {
|
||||
.bp4-icon-info-circle {
|
||||
color: #a1b2c5;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import '../../Base.scss';
|
||||
@import '../../_base.scss';
|
||||
|
||||
.dashboard__insider--accounts-chart {
|
||||
.bigcapital-datatable {
|
||||
@@ -17,13 +17,13 @@
|
||||
}
|
||||
|
||||
.account_name {
|
||||
.bp3-popover-wrapper--inactive-semafro {
|
||||
.bp4-popover-wrapper--inactive-semafro {
|
||||
margin-left: 8px;
|
||||
margin-right: 6px;
|
||||
float: right;
|
||||
border: 0;
|
||||
}
|
||||
.bp3-popover-wrapper--account-desc {
|
||||
.bp4-popover-wrapper--account-desc {
|
||||
border-bottom-color: #bbb;
|
||||
}
|
||||
.inactive-semafro {
|
||||
@@ -43,10 +43,10 @@
|
||||
display: block;
|
||||
}
|
||||
.normal {
|
||||
.bp3-popover-wrapper {
|
||||
.bp4-popover-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
.bp3-tooltip-indicator {
|
||||
.bp4-tooltip-indicator {
|
||||
cursor: initial;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
@@ -2,25 +2,25 @@
|
||||
.dialog--allocate-landed-cost-form {
|
||||
width: 700px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group{
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group{
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
.bp4-form-group.bp4-inline {
|
||||
.bp4-label {
|
||||
min-width: 165px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
&:not(.dialog--loading) .bp3-dialog-body {
|
||||
&:not(.dialog--loading) .bp4-dialog-body {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer{
|
||||
.bp4-dialog-footer{
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
@@ -45,10 +45,10 @@
|
||||
border-left: 1px solid #ececec;
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
.bp4-form-group{
|
||||
margin-bottom: 0;
|
||||
|
||||
&:not(.bp3-intent-danger) .bp3-input{
|
||||
&:not(.bp4-intent-danger) .bp4-input{
|
||||
border: 1px solid #d0dfe2;
|
||||
|
||||
&:focus{
|
||||
|
||||
@@ -1,23 +1,23 @@
|
||||
.dialog--bad-debt {
|
||||
max-width: 400px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 15px;
|
||||
margin-top: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
margin-bottom: 3px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-callout {
|
||||
.bp4-callout {
|
||||
font-size: 13px;
|
||||
}
|
||||
.form-group {
|
||||
&--reason {
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
@@ -28,7 +28,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,10 +5,10 @@
|
||||
margin-top: 40px;
|
||||
max-width: 820px;
|
||||
|
||||
.bp3-tab-list{
|
||||
.bp4-tab-list{
|
||||
border-bottom: 2px solid #d7e1e7;
|
||||
|
||||
.bp3-tab[aria-disabled="true"]{
|
||||
.bp4-tab[aria-disabled="true"]{
|
||||
color: rgba(92, 112, 128, 0.7);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -44,12 +44,12 @@
|
||||
.fully-paid-text {
|
||||
font-size: 13.5px;
|
||||
}
|
||||
.bp3-progress-bar {
|
||||
.bp4-progress-bar {
|
||||
height: 3px;
|
||||
max-width: 180px;
|
||||
|
||||
&,
|
||||
.bp3-progress-meter {
|
||||
.bp4-progress-meter {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -20,18 +20,18 @@ body.page-bill-edit{
|
||||
&-fields{
|
||||
flex: 1 0 0;
|
||||
}
|
||||
.bp3-form-group{
|
||||
.bp4-form-group{
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.bp3-label{
|
||||
.bp4-label{
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content{
|
||||
.bp4-form-content{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
&.bp3-inline{
|
||||
.bp4-form-group{
|
||||
&.bp4-inline{
|
||||
max-width: 440px;
|
||||
}
|
||||
|
||||
@@ -40,7 +40,7 @@ body.page-bill-edit{
|
||||
&--expiration-date{
|
||||
max-width: 340px;
|
||||
|
||||
.bp3-label{
|
||||
.bp4-label{
|
||||
min-width: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,20 +1,20 @@
|
||||
.dialog--branch-form {
|
||||
width: 650px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
.bp4-form-group.bp4-inline {
|
||||
.bp4-label {
|
||||
font-size: 13px;
|
||||
margin-bottom: 3px;
|
||||
min-width: 150px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 278px;
|
||||
}
|
||||
.bp3-control-group > * {
|
||||
.bp4-control-group > * {
|
||||
flex-shrink: unset;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
@@ -28,13 +28,13 @@
|
||||
}
|
||||
|
||||
&.form-group--branch_address {
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 388px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -13,14 +13,14 @@
|
||||
}
|
||||
|
||||
.account_name {
|
||||
.bp3-popover-wrapper--inactive-semafro {
|
||||
.bp4-popover-wrapper--inactive-semafro {
|
||||
margin-left: 8px;
|
||||
margin-right: 6px;
|
||||
float: right;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.bp3-popover-wrapper--account-desc {
|
||||
.bp4-popover-wrapper--account-desc {
|
||||
border-bottom-color: #bbb;
|
||||
}
|
||||
|
||||
|
||||
@@ -6,12 +6,12 @@
|
||||
padding: 0 0px 16px 0px;
|
||||
border-bottom: 2px solid #e9e9e9;
|
||||
|
||||
.bp3-form-group{
|
||||
.bp4-form-group{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,22 +1,22 @@
|
||||
.dialog--contact-duplicate {
|
||||
.bp3-dialog-body {
|
||||
.bp4-dialog-body {
|
||||
> .paragraph {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 1.4rem;
|
||||
|
||||
.bp3-label {
|
||||
.bp4-label {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
.bp4-button:not([class*='bp4-intent-']):not(.bp4-minimal) {
|
||||
width: 260px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp3-dialog-footer-actions .bp3-button {
|
||||
.bp4-dialog-footer {
|
||||
.bp4-dialog-footer-actions .bp4-button {
|
||||
margin-left: 8px;
|
||||
min-width: 65px;
|
||||
}
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
}
|
||||
.table-size--small {
|
||||
.status.td {
|
||||
.bp3-progress-bar {
|
||||
.bp4-progress-bar {
|
||||
height: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,15 +19,15 @@ body.page-credit-note-edit {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
.bp3-label {
|
||||
.bp4-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
&.bp3-inline {
|
||||
.bp4-form-group {
|
||||
&.bp4-inline {
|
||||
max-width: 450px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,22 +1,22 @@
|
||||
.dialog--currency-form {
|
||||
.bp3-dialog-body {
|
||||
.bp4-dialog-body {
|
||||
margin-bottom: 30px;
|
||||
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
.bp4-form-group.bp4-inline {
|
||||
.bp4-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
.bp3-dialog-header {
|
||||
.bp4-dialog-header {
|
||||
height: 170px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer{
|
||||
.bp3-button{
|
||||
.bp4-dialog-footer{
|
||||
.bp4-button{
|
||||
min-width: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
.dialog--customer-opening-balance {
|
||||
max-width: 400px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 15px;
|
||||
margin-top: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
margin-bottom: px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import '../../Base.scss';
|
||||
@import '../../_base.scss';
|
||||
|
||||
.page-form--customer {
|
||||
$self: '.page-form';
|
||||
@@ -15,20 +15,20 @@
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
max-width: 500px;
|
||||
|
||||
.bp3-control {
|
||||
.bp4-control {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
&.bp3-inline {
|
||||
.bp3-label {
|
||||
&.bp4-inline {
|
||||
.bp4-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -36,7 +36,7 @@
|
||||
.form-group--contact_name {
|
||||
max-width: 600px;
|
||||
|
||||
.bp3-control-group > * {
|
||||
.bp4-control-group > * {
|
||||
flex-shrink: unset;
|
||||
|
||||
&:not(:last-child) {
|
||||
@@ -52,16 +52,16 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.bp3-tab-panel {
|
||||
.bp4-tab-panel {
|
||||
margin-top: 26px;
|
||||
}
|
||||
|
||||
.form-group--phone-number {
|
||||
.bp3-control-group > * {
|
||||
.bp4-control-group > * {
|
||||
flex-shrink: unset;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
@@ -88,20 +88,20 @@
|
||||
// Tab panels.
|
||||
.tab-panel {
|
||||
&--address {
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
max-width: 440px;
|
||||
|
||||
&.bp3-inline {
|
||||
.bp3-label {
|
||||
&.bp4-inline {
|
||||
.bp4-label {
|
||||
min-width: 145px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
textarea.bp3-input {
|
||||
textarea.bp4-input {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
@@ -110,7 +110,7 @@
|
||||
}
|
||||
&--note {
|
||||
.form-group--note {
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
max-width: 600px;
|
||||
}
|
||||
textarea {
|
||||
@@ -126,8 +126,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tabs {
|
||||
.bp3-tab-list {
|
||||
.bp4-tabs {
|
||||
.bp4-tab-list {
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
@@ -142,7 +142,7 @@
|
||||
> *:not(:last-child) {
|
||||
margin-right: 25px;
|
||||
}
|
||||
&.bp3-large > .bp3-tab {
|
||||
&.bp4-large > .bp4-tab {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import '../../Base.scss';
|
||||
@import '../../_base.scss';
|
||||
$dashboard-views-bar-height: 44px;
|
||||
|
||||
.dashboard {
|
||||
@@ -59,16 +59,16 @@ $dashboard-views-bar-height: 44px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-navbar-divider {
|
||||
.bp4-navbar-divider {
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
.form-group-quick-new-downDrop {
|
||||
.bp3-popover-target .bp3-button {
|
||||
.bp4-popover-target .bp4-button {
|
||||
color: #1552c8;
|
||||
}
|
||||
|
||||
.bp3-button::after {
|
||||
.bp4-button::after {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
@@ -79,7 +79,7 @@ $dashboard-views-bar-height: 44px;
|
||||
align-items: center;
|
||||
margin-right: 14px;
|
||||
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
.bp4-button:not([class*='bp4-intent-']):not(.bp4-minimal) {
|
||||
padding: 0;
|
||||
background-size: contain;
|
||||
border-radius: 50%;
|
||||
@@ -157,7 +157,7 @@ $dashboard-views-bar-height: 44px;
|
||||
&__actions-bar {
|
||||
border-bottom: 2px solid #e1e2e8;
|
||||
|
||||
.bp3-navbar-divider {
|
||||
.bp4-navbar-divider {
|
||||
border-left-color: rgb(199, 214, 219);
|
||||
}
|
||||
|
||||
@@ -185,8 +185,8 @@ $dashboard-views-bar-height: 44px;
|
||||
color: #32304a;
|
||||
}
|
||||
|
||||
&.bp3-minimal:active,
|
||||
&.bp3-minimal.bp3-active {
|
||||
&.bp4-minimal:active,
|
||||
&.bp4-minimal.bp4-active {
|
||||
background: #a7b6c21f;
|
||||
color: #32304a;
|
||||
}
|
||||
@@ -194,7 +194,7 @@ $dashboard-views-bar-height: 44px;
|
||||
&.has-active-filters {
|
||||
|
||||
&,
|
||||
&.bp3-active,
|
||||
&.bp4-active,
|
||||
&:active {
|
||||
background: #eafbe4;
|
||||
}
|
||||
@@ -241,25 +241,25 @@ $dashboard-views-bar-height: 44px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-control.bp3-switch {
|
||||
.bp4-control.bp4-switch {
|
||||
margin-bottom: 0;
|
||||
margin-left: 8px;
|
||||
color: #3d3b53;
|
||||
|
||||
.bp3-control-indicator {
|
||||
.bp4-control-indicator {
|
||||
height: 16px;
|
||||
min-width: 1.8em;
|
||||
}
|
||||
|
||||
.bp3-control-indicator::before {
|
||||
.bp4-control-indicator::before {
|
||||
box-shadow: 0 0 0;
|
||||
}
|
||||
|
||||
input~.bp3-control-indicator {
|
||||
input~.bp4-control-indicator {
|
||||
background: rgba(167, 182, 194, 0.55);
|
||||
}
|
||||
|
||||
input:checked~.bp3-control-indicator {
|
||||
input:checked~.bp4-control-indicator {
|
||||
background: #0069ff;
|
||||
}
|
||||
}
|
||||
@@ -361,7 +361,7 @@ $dashboard-views-bar-height: 44px;
|
||||
height: 100%;
|
||||
background-color: #fbfbfb;
|
||||
|
||||
.bp3-spinner {
|
||||
.bp4-spinner {
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
@@ -485,7 +485,7 @@ $dashboard-views-bar-height: 44px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.bp3-icon {
|
||||
.bp4-icon {
|
||||
margin-top: 6px;
|
||||
|
||||
path {
|
||||
@@ -549,15 +549,15 @@ $dashboard-views-bar-height: 44px;
|
||||
height: $dashboard-views-bar-height;
|
||||
padding: 0 20px;
|
||||
|
||||
.bp3-navbar-group {
|
||||
.bp4-navbar-group {
|
||||
height: $dashboard-views-bar-height;
|
||||
}
|
||||
|
||||
.bp3-tab[aria-selected='true'] {
|
||||
.bp4-tab[aria-selected='true'] {
|
||||
box-shadow: inset 0 -2px 0 #0052cc;
|
||||
}
|
||||
|
||||
.bp3-button {
|
||||
.bp4-button {
|
||||
&:hover {
|
||||
background: rgba(167, 182, 194, 0.12);
|
||||
color: #32304a;
|
||||
@@ -578,7 +578,7 @@ $dashboard-views-bar-height: 44px;
|
||||
background-color: #fff;
|
||||
width: 600px;
|
||||
|
||||
.bp3-input {
|
||||
.bp4-input {
|
||||
padding-left: 40px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
|
||||
.dialog--exchangeRate-form {
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group.bp4-inline {
|
||||
.bp4-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -22,18 +22,18 @@
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
.bp3-label {
|
||||
.bp4-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 18px;
|
||||
|
||||
&.bp3-inline {
|
||||
&.bp4-inline {
|
||||
max-width: 440px;
|
||||
}
|
||||
}
|
||||
@@ -50,12 +50,12 @@
|
||||
|
||||
&.landed-cost {
|
||||
|
||||
.bp3-control {
|
||||
.bp4-control {
|
||||
margin-top: 0;
|
||||
margin-left: 34px;
|
||||
}
|
||||
|
||||
.bp3-control-indicator {
|
||||
.bp4-control-indicator {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
border-color: #e0e0e0;
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
|
||||
.financial-statement--cash-flow {
|
||||
.financial-header-drawer {
|
||||
.bp3-drawer {
|
||||
.bp4-drawer {
|
||||
max-height: 450px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
|
||||
.financial-statement--balance-summary {
|
||||
.financial-header-drawer {
|
||||
.bp3-drawer {
|
||||
.bp4-drawer {
|
||||
// max-height: 350px;
|
||||
max-height: 415px;
|
||||
}
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
|
||||
.number-format-dropdown {
|
||||
.toggles-fields {
|
||||
.bp3-form-group:first-child {
|
||||
.bp4-form-group:first-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -33,7 +33,7 @@
|
||||
|
||||
.financial-statement--inventory-details {
|
||||
.financial-header-drawer {
|
||||
.bp3-drawer {
|
||||
.bp4-drawer {
|
||||
max-height: 350px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
.financial-statement--journal{
|
||||
|
||||
.financial-header-drawer{
|
||||
.bp3-drawer{
|
||||
.bp4-drawer{
|
||||
max-height: 350px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -4,20 +4,20 @@
|
||||
width: 300px;
|
||||
padding: 15px;
|
||||
|
||||
.bp3-form-group{
|
||||
.bp4-form-group{
|
||||
margin-bottom: 6px;
|
||||
|
||||
label.bp3-label{
|
||||
label.bp4-label{
|
||||
font-size: 13px;
|
||||
margin-bottom: 4px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.bp3-button{
|
||||
.bp4-button{
|
||||
min-height: 28px;
|
||||
min-width: 28px;
|
||||
}
|
||||
}
|
||||
.bp3-control.bp3-inline{
|
||||
.bp4-control.bp4-inline{
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
@@ -28,15 +28,15 @@
|
||||
text-align: right;
|
||||
padding-top: 10px;
|
||||
|
||||
.bp3-button.bp3-small,
|
||||
.bp3-button:not([class*="bp3-intent-"]):not(.bp3-minimal).bp3-small{
|
||||
.bp4-button.bp4-small,
|
||||
.bp4-button:not([class*="bp4-intent-"]):not(.bp4-minimal).bp4-small{
|
||||
min-width: 65px;
|
||||
height: 26px;
|
||||
min-height: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-control .bp3-control-indicator{
|
||||
.bp4-control .bp4-control-indicator{
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
.financial-statement--sales-by-items,
|
||||
.financial-statement--purchases-by-items {
|
||||
.financial-header-drawer {
|
||||
.bp3-drawer {
|
||||
.bp4-drawer {
|
||||
// max-height: 400px;
|
||||
max-height: 450px;
|
||||
}
|
||||
@@ -29,7 +29,7 @@
|
||||
|
||||
.financial-statement--inventory-valuation {
|
||||
.financial-header-drawer {
|
||||
.bp3-drawer {
|
||||
.bp4-drawer {
|
||||
max-height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,19 +2,19 @@
|
||||
|
||||
.dialog--category-form{
|
||||
|
||||
.bp3-dialog-body{
|
||||
.bp3-form-group.bp3-inline{
|
||||
.bp4-dialog-body{
|
||||
.bp4-form-group.bp4-inline{
|
||||
|
||||
.bp3-label{
|
||||
.bp4-label{
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content{
|
||||
.bp4-form-content{
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
&.form-group--description{
|
||||
|
||||
.bp3-form-content{
|
||||
.bp4-form-content{
|
||||
width: 280px;
|
||||
|
||||
textarea{
|
||||
@@ -27,10 +27,10 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer{
|
||||
.bp4-dialog-footer{
|
||||
margin-top: 30px;
|
||||
|
||||
.bp3-button{
|
||||
.bp4-button{
|
||||
min-width: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -16,16 +16,16 @@
|
||||
}
|
||||
|
||||
#{$self}__body {
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
max-width: 500px;
|
||||
margin-bottom: 14px;
|
||||
|
||||
&.bp3-inline {
|
||||
.bp3-label {
|
||||
&.bp4-inline {
|
||||
.bp4-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -36,7 +36,7 @@
|
||||
margin-bottom: 1.4rem;
|
||||
}
|
||||
|
||||
.bp3-control {
|
||||
.bp4-control {
|
||||
h3 {
|
||||
display: inline;
|
||||
margin-bottom: 0;
|
||||
@@ -61,7 +61,7 @@
|
||||
max-width: 850px;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
@@ -83,7 +83,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tooltip-indicator {
|
||||
.bp4-tooltip-indicator {
|
||||
border-bottom: 1px dashed #d0d0d0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,15 +1,15 @@
|
||||
.dialog--adjustment-item {
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
font-size: 13px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
}
|
||||
.form-group {
|
||||
&--adjustment-reasons {
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
@@ -29,9 +29,9 @@
|
||||
padding-bottom: 12px;
|
||||
border-bottom: 2px solid #e9e9e9;
|
||||
|
||||
.bp3-input-group{
|
||||
.bp4-input-group{
|
||||
|
||||
.bp3-input{
|
||||
.bp4-input{
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
@@ -47,7 +47,7 @@
|
||||
padding-left: 0.3rem;
|
||||
padding-right: 0.3rem;
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
&--quantity-on-hand,
|
||||
@@ -73,7 +73,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -7,13 +7,13 @@
|
||||
.table {
|
||||
.tbody {
|
||||
.item_type.td {
|
||||
.bp3-tag {
|
||||
.bp4-tag {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
.tr.inactive .td {
|
||||
|
||||
&.normal .bp3-icon {
|
||||
&.normal .bp4-icon {
|
||||
color: #9eaab6;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -4,12 +4,12 @@
|
||||
.paragraph {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.bp3-form-group{
|
||||
.bp4-form-group{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.bp3-dialog-footer-actions{
|
||||
.bp3-button{
|
||||
.bp4-dialog-footer-actions{
|
||||
.bp4-button{
|
||||
min-width: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
// padding: 0.8rem 0.5rem;
|
||||
// }
|
||||
.td.amount {
|
||||
.bp3-popover-target {
|
||||
.bp4-popover-target {
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
|
||||
> span {
|
||||
@@ -17,10 +17,10 @@
|
||||
}
|
||||
}
|
||||
.note {
|
||||
.bp3-icon {
|
||||
.bp4-icon {
|
||||
color: #666;
|
||||
}
|
||||
.bp3-tooltip-indicator {
|
||||
.bp4-tooltip-indicator {
|
||||
cursor: initial;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
@@ -12,17 +12,17 @@
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
.bp3-label{
|
||||
.bp4-label{
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content{
|
||||
.bp4-form-content{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
.bp4-form-group{
|
||||
margin-bottom: 18px;
|
||||
|
||||
&.bp3-inline{
|
||||
&.bp4-inline{
|
||||
max-width: 440px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
.dialog--notify-vis-sms {
|
||||
width: 800px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 15px;
|
||||
margin-top: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
margin-bottom: 3px;
|
||||
font-size: 13px;
|
||||
}
|
||||
@@ -14,7 +14,7 @@
|
||||
|
||||
.form-group {
|
||||
&--sms_message {
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
@@ -25,7 +25,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -15,17 +15,17 @@ body.page-payment-made-edit{
|
||||
$self: '.page-form';
|
||||
|
||||
#{$self}__header{
|
||||
.bp3-label{
|
||||
.bp4-label{
|
||||
min-width: 160px;
|
||||
}
|
||||
.bp3-form-content{
|
||||
.bp4-form-content{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group{
|
||||
.bp4-form-group{
|
||||
margin-bottom: 18px;
|
||||
|
||||
&.bp3-inline{
|
||||
&.bp4-inline{
|
||||
max-width: 470px;
|
||||
}
|
||||
button.receive-full-amount{
|
||||
|
||||
@@ -16,18 +16,18 @@ body.page-payment-receive-edit{
|
||||
$self: '.page-form';
|
||||
|
||||
#{$self}__header {
|
||||
.bp3-label {
|
||||
.bp4-label {
|
||||
min-width: 160px;
|
||||
}
|
||||
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 18px;
|
||||
|
||||
&.bp3-inline {
|
||||
&.bp4-inline {
|
||||
max-width: 470px;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
.dialog--quick-payment-receive {
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
margin-bottom: 3px;
|
||||
font-size: 13px;
|
||||
}
|
||||
@@ -10,7 +10,7 @@
|
||||
|
||||
.form-group {
|
||||
&--statement {
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
@@ -21,6 +21,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
@@ -9,10 +9,10 @@
|
||||
border-top: 1px solid #e0e7ea;
|
||||
margin-top: 30px;
|
||||
|
||||
.bp3-button {
|
||||
.bp4-button {
|
||||
min-width: 65px;
|
||||
|
||||
+ .bp3-button {
|
||||
+ .bp4-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
@@ -24,20 +24,20 @@
|
||||
min-width: 250px;
|
||||
}
|
||||
}
|
||||
.bp3-form-group {
|
||||
.bp3-form-helper-text {
|
||||
.bp4-form-group {
|
||||
.bp4-form-helper-text {
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
}
|
||||
.bp3-form-group.accounts-checkbox {
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp4-form-group.accounts-checkbox {
|
||||
.bp4-form-group.bp4-inline {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.bp3-control.bp3-inline {
|
||||
.bp4-control.bp4-inline {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -4,17 +4,17 @@
|
||||
//---------------------------------
|
||||
.preferences-page__inside-content--general {
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
max-width: 650px;
|
||||
margin-bottom: 24px;
|
||||
|
||||
.bp3-label {
|
||||
.bp4-label {
|
||||
min-width: 190px;
|
||||
font-weight: 600;
|
||||
color: #38414e;
|
||||
}
|
||||
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import '../../Base.scss';
|
||||
@import '../../_base.scss';
|
||||
|
||||
.dashboard-content--preferences {
|
||||
flex-direction: row;
|
||||
|
||||
@@ -11,26 +11,26 @@
|
||||
border-top: 1px solid #e0e7ea;
|
||||
margin-top: 30px;
|
||||
|
||||
.bp3-button {
|
||||
.bp4-button {
|
||||
min-width: 65px;
|
||||
|
||||
+ .bp3-button {
|
||||
+ .bp4-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
max-width: 600px;
|
||||
margin-bottom: 14px;
|
||||
|
||||
&.bp3-inline {
|
||||
.bp3-label {
|
||||
&.bp4-inline {
|
||||
.bp4-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
@@ -30,8 +30,8 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-tabs {
|
||||
.bp3-tab-panel {
|
||||
.bp4-tabs {
|
||||
.bp4-tab-panel {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import '../../Base.scss';
|
||||
@import '../../_base.scss';
|
||||
|
||||
// Preferences sidebar.
|
||||
// -----------------------------
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import '../../Base.scss';
|
||||
@import '../../_base.scss';
|
||||
|
||||
// Preferences topbar.
|
||||
// -----------------------------
|
||||
@@ -27,7 +27,7 @@
|
||||
align-items: center;
|
||||
margin-right: 14px;
|
||||
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
.bp4-button:not([class*='bp4-intent-']):not(.bp4-minimal) {
|
||||
padding: 0;
|
||||
background-size: contain;
|
||||
background-color: #eed1f2;
|
||||
@@ -55,7 +55,7 @@
|
||||
margin-right: 15px;
|
||||
border-right: 1px solid #e5e5e5;
|
||||
|
||||
.bp3-button + .bp3-button {
|
||||
.bp4-button + .bp4-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,8 +24,8 @@
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
.bp3-tabs {
|
||||
.bp3-tab-panel {
|
||||
.bp4-tabs {
|
||||
.bp4-tab-panel {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
.dialog--reconcile-credit-form {
|
||||
width: 850px;
|
||||
|
||||
.bp3-callout {
|
||||
.bp4-callout {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
padding-top: 10px;
|
||||
|
||||
@@ -17,10 +17,10 @@
|
||||
}
|
||||
|
||||
.tbody {
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 0;
|
||||
|
||||
&:not(.bp3-intent-danger) .bp3-input {
|
||||
&:not(.bp4-intent-danger) .bp4-input {
|
||||
border: 1px solid #d0dfe2;
|
||||
|
||||
&:focus {
|
||||
@@ -33,11 +33,11 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-callout {
|
||||
.bp4-callout {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
padding-top: 10px;
|
||||
|
||||
@@ -1,18 +1,18 @@
|
||||
.reference-number-form {
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp4-dialog-body {
|
||||
|
||||
.paragraph {
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.bp3-control {
|
||||
.bp4-control {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp3-button[type='submit'] {
|
||||
.bp4-dialog-footer {
|
||||
.bp4-button[type='submit'] {
|
||||
min-width: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
.dialog--refund-credit-note {
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
&--description {
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
@@ -17,7 +17,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
@@ -1,14 +1,14 @@
|
||||
.dialog--refund-vendor-credit {
|
||||
max-width: 450px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
&--description {
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
@@ -18,7 +18,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
.dialog--sms-message {
|
||||
width: 800px;
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
font-size: 13px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
@@ -12,7 +12,7 @@
|
||||
|
||||
.form-group {
|
||||
&--message_text {
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
@@ -23,7 +23,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -21,17 +21,17 @@ body.page-estimate-edit{
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
.bp3-label {
|
||||
.bp4-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 18px;
|
||||
|
||||
&.bp3-inline {
|
||||
&.bp4-inline {
|
||||
max-width: 440px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -44,12 +44,12 @@
|
||||
.fully-paid-text {
|
||||
font-size: 13.5px;
|
||||
}
|
||||
.bp3-progress-bar {
|
||||
.bp4-progress-bar {
|
||||
height: 3px;
|
||||
max-width: 180px;
|
||||
|
||||
&,
|
||||
.bp3-progress-meter {
|
||||
.bp4-progress-meter {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,16 +19,16 @@ body.page-invoice-edit {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
.bp3-label {
|
||||
.bp4-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
&.bp3-inline {
|
||||
.bp4-form-group {
|
||||
&.bp4-inline {
|
||||
max-width: 450px;
|
||||
}
|
||||
}
|
||||
@@ -41,10 +41,10 @@ body.page-invoice-edit {
|
||||
max-width: 470px;
|
||||
|
||||
&--due-date {
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin: 0px 15px 15px;
|
||||
|
||||
.bp3-label {
|
||||
.bp4-label {
|
||||
min-width: 100px;
|
||||
}
|
||||
}
|
||||
@@ -89,7 +89,7 @@ body.page-invoice-edit {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bp3-progress-bar {
|
||||
.bp4-progress-bar {
|
||||
background: rgba(92, 112, 128, 0.2);
|
||||
border-radius: 40px;
|
||||
display: block;
|
||||
|
||||
@@ -21,16 +21,16 @@ body.page-receipt-edit{
|
||||
&-fields{
|
||||
flex: 1 0 0;
|
||||
}
|
||||
.bp3-label{
|
||||
.bp4-label{
|
||||
min-width: 150px;
|
||||
}
|
||||
.bp3-form-content{
|
||||
.bp4-form-content{
|
||||
width: 100%;
|
||||
}
|
||||
.bp3-form-group{
|
||||
.bp4-form-group{
|
||||
margin-bottom: 18px;
|
||||
|
||||
&.bp3-inline{
|
||||
&.bp4-inline{
|
||||
max-width: 450px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
opacity: 0.85;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.bp3-button {
|
||||
.bp4-button {
|
||||
height: 38px;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
margin: 0 auto;
|
||||
padding: 16% 0 0;
|
||||
|
||||
.bp3-progress-bar {
|
||||
.bp4-progress-bar {
|
||||
background: rgba(92, 112, 128, 0.2);
|
||||
border-radius: 40px;
|
||||
display: block;
|
||||
@@ -15,7 +15,7 @@
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
|
||||
.bp3-progress-meter {
|
||||
.bp4-progress-meter {
|
||||
background-color: #809cb3;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -12,32 +12,32 @@
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 24px;
|
||||
|
||||
.bp3-input-group {
|
||||
.bp3-input {
|
||||
.bp4-input-group {
|
||||
.bp4-input {
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
}
|
||||
.bp3-input,
|
||||
.form-group--select-list .bp3-button{
|
||||
.bp4-input,
|
||||
.form-group--select-list .bp4-button{
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
label.bp3-label{
|
||||
label.bp4-label{
|
||||
color: #20242e;
|
||||
}
|
||||
|
||||
.bp3-button:not([class*='bp3-intent-']):not(.bp3-minimal) {
|
||||
.bp4-button:not([class*='bp4-intent-']):not(.bp4-minimal) {
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.bp3-text-muted {
|
||||
.bp4-text-muted {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
@@ -50,14 +50,14 @@
|
||||
}
|
||||
|
||||
.register-org-button {
|
||||
.bp3-button {
|
||||
.bp4-button {
|
||||
background-color: #1c2448;
|
||||
height: 40px;
|
||||
font-size: 15px;
|
||||
width: 100%;
|
||||
|
||||
&:disabled,
|
||||
&.bp3-loading{
|
||||
&.bp4-loading{
|
||||
background-color: rgba(28, 36, 72, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
.dialog--payment-via-voucher{
|
||||
|
||||
.bp3-dialog-body{
|
||||
.bp4-dialog-body{
|
||||
p{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@@ -11,11 +11,11 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer-actions{
|
||||
.bp4-dialog-footer-actions{
|
||||
button{
|
||||
min-width: 80px;
|
||||
|
||||
&.bp3-intent-primary{
|
||||
&.bp4-intent-primary{
|
||||
min-width: 90px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import "../../Base.scss";
|
||||
@import "../../_base.scss";
|
||||
|
||||
.setup-page {
|
||||
max-width: 1600px;
|
||||
|
||||
@@ -15,19 +15,19 @@
|
||||
margin-top: 0;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.bp3-tab-list {
|
||||
.bp4-tab-list {
|
||||
border-bottom: 2px solid #e6e6e6;
|
||||
width: 95%;
|
||||
|
||||
.bp3-tab-indicator-wrapper .bp3-tab-indicator{
|
||||
.bp4-tab-indicator-wrapper .bp4-tab-indicator{
|
||||
bottom: -2px;
|
||||
}
|
||||
}
|
||||
.bp3-tab-panel{
|
||||
.bp4-tab-panel{
|
||||
margin-top: 26px;
|
||||
}
|
||||
.subscribe-button {
|
||||
.bp3-button {
|
||||
.bp4-button {
|
||||
background-color: #0063ff;
|
||||
min-height: 41px;
|
||||
width: 240px;
|
||||
@@ -41,19 +41,19 @@
|
||||
|
||||
.license-container {
|
||||
|
||||
.bp3-button{
|
||||
.bp4-button{
|
||||
margin-top: 14px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
.form-group-license_code{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp3-input-group {
|
||||
.bp4-form-content {
|
||||
.bp4-input-group {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.bp3-input {
|
||||
.bp4-input {
|
||||
position: relative;
|
||||
width: 59%;
|
||||
height: 41px;
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
.dialog--transaction--locking {
|
||||
max-width: 450px;
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
font-size: 13px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
@@ -13,7 +13,7 @@
|
||||
|
||||
.form-group {
|
||||
&--reason {
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
textarea {
|
||||
width: 100%;
|
||||
min-height: 85px;
|
||||
@@ -23,7 +23,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
// padding-top: 10px;
|
||||
|
||||
@@ -1,15 +1,15 @@
|
||||
.dialog--invite-form {
|
||||
width: 450px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group.bp4-inline {
|
||||
.bp4-label {
|
||||
min-width: 70px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 250px;
|
||||
|
||||
.bp3-dialog-footer-actions {
|
||||
.bp4-dialog-footer-actions {
|
||||
margin-right: 20px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
@@ -20,12 +20,12 @@
|
||||
}
|
||||
|
||||
.dialog--invite-user {
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group.bp4-inline {
|
||||
.bp4-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,32 +1,32 @@
|
||||
.dialog--user-form {
|
||||
width: 450px;
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.bp3-dialog-body {
|
||||
.bp4-dialog-body {
|
||||
margin-bottom: 30px;
|
||||
|
||||
.bp3-form-group.bp3-inline {
|
||||
.bp3-label {
|
||||
.bp4-form-group.bp4-inline {
|
||||
.bp4-label {
|
||||
min-width: 140px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
.bp3-dialog-header {
|
||||
.bp4-dialog-header {
|
||||
height: 170px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-callout {
|
||||
.bp4-callout {
|
||||
font-size: 13px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp3-button {
|
||||
.bp4-dialog-footer {
|
||||
.bp4-button {
|
||||
min-width: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
.dialog--vendor-opening-balance {
|
||||
max-width: 400px;
|
||||
|
||||
.bp3-dialog-body {
|
||||
.bp3-form-group {
|
||||
.bp4-dialog-body {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 15px;
|
||||
margin-top: 15px;
|
||||
|
||||
label.bp3-label {
|
||||
label.bp4-label {
|
||||
margin-bottom: px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-dialog-footer {
|
||||
.bp4-dialog-footer {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import '../../Base.scss';
|
||||
@import '../../_base.scss';
|
||||
|
||||
.page-form--vendor {
|
||||
$self: '.page-form';
|
||||
@@ -15,20 +15,20 @@
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
max-width: 500px;
|
||||
|
||||
.bp3-control {
|
||||
.bp4-control {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
&.bp3-inline {
|
||||
.bp3-label {
|
||||
&.bp4-inline {
|
||||
.bp4-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -36,7 +36,7 @@
|
||||
.form-group--contact_name {
|
||||
max-width: 600px;
|
||||
|
||||
.bp3-control-group > * {
|
||||
.bp4-control-group > * {
|
||||
flex-shrink: unset;
|
||||
|
||||
&:not(:last-child) {
|
||||
@@ -52,16 +52,16 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.bp3-tab-panel {
|
||||
.bp4-tab-panel {
|
||||
margin-top: 26px;
|
||||
}
|
||||
|
||||
.form-group--phone-number {
|
||||
.bp3-control-group > * {
|
||||
.bp4-control-group > * {
|
||||
flex-shrink: unset;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
@@ -88,20 +88,20 @@
|
||||
// Tab panels.
|
||||
.tab-panel {
|
||||
&--address {
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
max-width: 440px;
|
||||
|
||||
&.bp3-inline {
|
||||
.bp3-label {
|
||||
&.bp4-inline {
|
||||
.bp4-label {
|
||||
min-width: 145px;
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
textarea.bp3-input {
|
||||
textarea.bp4-input {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
@@ -110,7 +110,7 @@
|
||||
}
|
||||
&--note {
|
||||
.form-group--note {
|
||||
.bp3-form-group {
|
||||
.bp4-form-group {
|
||||
max-width: 600px;
|
||||
}
|
||||
textarea {
|
||||
@@ -126,8 +126,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bp3-tabs {
|
||||
.bp3-tab-list {
|
||||
.bp4-tabs {
|
||||
.bp4-tab-list {
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
@@ -143,7 +143,7 @@
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
&.bp3-large > .bp3-tab {
|
||||
&.bp4-large > .bp4-tab {
|
||||
font-size: 15px;
|
||||
color: #555;
|
||||
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import '../../Base.scss';
|
||||
@import '../../_base.scss';
|
||||
|
||||
body.page-vendor-new,
|
||||
body.page-vendor-edit{
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
}
|
||||
.table-size--small {
|
||||
.status.td {
|
||||
.bp3-progress-bar {
|
||||
.bp4-progress-bar {
|
||||
height: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,15 +19,15 @@ body.page-vendor-credit-note-edit {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
.bp3-label {
|
||||
.bp4-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
&.bp3-inline {
|
||||
.bp4-form-group {
|
||||
&.bp4-inline {
|
||||
max-width: 450px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,15 +19,15 @@ body.page-warehouse-transfer-edit {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
.bp3-label {
|
||||
.bp4-label {
|
||||
min-width: 150px;
|
||||
}
|
||||
.bp3-form-content {
|
||||
.bp4-form-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bp3-form-group {
|
||||
&.bp3-inline {
|
||||
.bp4-form-group {
|
||||
&.bp4-inline {
|
||||
max-width: 450px;
|
||||
}
|
||||
}
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user