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

feat: fix UI inventory item adjustment dialog.

Browse Source
This commit is contained in:
a.bouhuolia
2021-01-17 17:34:10 +02:00
parent 0b0367dd06
commit 79f9190de3
3 changed files with 30 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogFields.js
View File

@@ -113,7 +113,7 @@ function InventoryAdjustmentFormDialogFields({
labelInfo={<FieldRequiredHint />} labelInfo={<FieldRequiredHint />}
intent={inputIntent({ error, touched })} intent={inputIntent({ error, touched })}
helperText={<ErrorMessage name="reason" />} helperText={<ErrorMessage name="reason" />}
className={'from-group--adjustment-account'} className={'form-group--adjustment-account'}
> >
<AccountsSuggestField <AccountsSuggestField
accounts={accountsList} accounts={accountsList}
@@ -137,7 +137,7 @@ function InventoryAdjustmentFormDialogFields({
label={<T id={'reference_no'} />} label={<T id={'reference_no'} />}
intent={inputIntent({ error, touched })} intent={inputIntent({ error, touched })}
helperText={<ErrorMessage name="reference_no" />} helperText={<ErrorMessage name="reference_no" />}
className={'from-group--reference-no'} className={'form-group--reference-no'}
> >
<InputGroup {...field} /> <InputGroup {...field} />
</FormGroup> </FormGroup>
@@ -152,12 +152,10 @@ function InventoryAdjustmentFormDialogFields({
className={'form-group--adjustment-reasons'} className={'form-group--adjustment-reasons'}
intent={inputIntent({ error, touched })} intent={inputIntent({ error, touched })}
helperText={<ErrorMessage name={'adjustment_reasons'} />} helperText={<ErrorMessage name={'adjustment_reasons'} />}
placeholder={'Max 500 characters'}
> >
<TextArea <TextArea
growVertically={true} growVertically={true}
large={true} large={true}
placeholder={'Max 500 characters.'}
{...field} {...field}
/> />
</FormGroup> </FormGroup>

2
client/src/lang/en/index.js
View File

@@ -957,7 +957,7 @@ export default {
the_adjustment_has_been_successfully_deleted: the_adjustment_has_been_successfully_deleted:
'The adjustment has been successfully deleted.', 'The adjustment has been successfully deleted.',
once_delete_this_inventory_a_adjustment_you_will_able_to_restore_it: `Once you delete this inventory a adjustment, you won\'t be able to restore it later. Are you sure you want to delete this invoice?`, once_delete_this_inventory_a_adjustment_you_will_able_to_restore_it: `Once you delete this inventory a adjustment, you won\'t be able to restore it later. Are you sure you want to delete this invoice?`,
select_adjustment_account: 'Select Adjustment account', select_adjustment_account: 'Select adjustment account',
qty: 'Quantity on hand', qty: 'Quantity on hand',
money_format: 'Money format', money_format: 'Money format',
show_zero: 'Show zero', show_zero: 'Show zero',

48
client/src/style/pages/Items/ItemAdjustmentDialog.scss
View File

@@ -19,7 +19,7 @@
} }
&--reference-no, &--reference-no,
&--adjustment-account { &--adjustment-account {
max-width: 250px; max-width: 270px;
} }
} }
.adjustment-fields { .adjustment-fields {
@@ -29,6 +29,14 @@
padding-bottom: 12px; padding-bottom: 12px;
border-bottom: 2px solid #e9e9e9; border-bottom: 2px solid #e9e9e9;
.bp3-input-group{
.bp3-input{
padding-left: 8px;
padding-right: 8px;
}
}
.row { .row {
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
@@ -42,27 +50,25 @@
.bp3-form-group { .bp3-form-group {
margin-bottom: 0; margin-bottom: 0;
} }
} &--quantity-on-hand,
.col--quantity-on-hand { &--quantity {
width: 120px; width: 120px;
} }
.col--sign { &--sign {
display: flex; display: flex;
span { span {
margin-top: auto; margin-top: auto;
margin-bottom: 12px; margin-bottom: 12px;
}
}
&--decrement,
&--increment {
width: 100px;
}
&--cost {
width: 95px;
} }
}
.col--decrement,
.col--increment {
width: 100px;
}
.col--cost {
width: 95px;
}
.col--quantity {
width: 120px;
} }
} }
} }