BIG-225 Optimize style of refund vendor form.

This commit is contained in:
elforjani13
2022-01-01 11:00:08 +02:00
parent e9797fd9a0
commit a4a2d0c888
4 changed files with 5 additions and 15 deletions

View File

@@ -33,7 +33,7 @@ function RefundVendorCreditFloatingActions({
<Button <Button
intent={Intent.PRIMARY} intent={Intent.PRIMARY}
loading={isSubmitting} loading={isSubmitting}
style={{ minWidth: '85px' }} style={{ minWidth: '120px' }}
type="submit" type="submit"
> >
<T id={'refund'} /> <T id={'refund'} />

View File

@@ -30,7 +30,6 @@ import {
import { useAutofocus } from 'hooks'; import { useAutofocus } from 'hooks';
import { ACCOUNT_TYPE } from 'common/accountTypes'; import { ACCOUNT_TYPE } from 'common/accountTypes';
import { useRefundVendorCreditContext } from './RefundVendorCreditFormProvider'; import { useRefundVendorCreditContext } from './RefundVendorCreditFormProvider';
import withSettings from 'containers/Settings/withSettings';
/** /**
* Refund Vendor credit form fields. * Refund Vendor credit form fields.
@@ -50,7 +49,6 @@ function RefundVendorCreditFormFields() {
className={classNames('form-group--select-list', CLASSES.FILL)} className={classNames('form-group--select-list', CLASSES.FILL)}
intent={inputIntent({ error, touched })} intent={inputIntent({ error, touched })}
helperText={<ErrorMessage name="refund_date" />} helperText={<ErrorMessage name="refund_date" />}
inline={true}
> >
<DateInput <DateInput
{...momentFormatter('YYYY/MM/DD')} {...momentFormatter('YYYY/MM/DD')}
@@ -79,7 +77,6 @@ function RefundVendorCreditFormFields() {
className={classNames('form-group--amount', CLASSES.FILL)} className={classNames('form-group--amount', CLASSES.FILL)}
intent={inputIntent({ error, touched })} intent={inputIntent({ error, touched })}
helperText={<ErrorMessage name="amount" />} helperText={<ErrorMessage name="amount" />}
inline={true}
> >
<ControlGroup> <ControlGroup>
<InputPrependText text={values.currency_code} /> <InputPrependText text={values.currency_code} />
@@ -104,7 +101,6 @@ function RefundVendorCreditFormFields() {
className={classNames('form-group--reference', CLASSES.FILL)} className={classNames('form-group--reference', CLASSES.FILL)}
intent={inputIntent({ error, touched })} intent={inputIntent({ error, touched })}
helperText={<ErrorMessage name="reference" />} helperText={<ErrorMessage name="reference" />}
inline={true}
> >
<InputGroup <InputGroup
intent={inputIntent({ error, touched })} intent={inputIntent({ error, touched })}
@@ -128,7 +124,6 @@ function RefundVendorCreditFormFields() {
labelInfo={<FieldRequiredHint />} labelInfo={<FieldRequiredHint />}
intent={inputIntent({ error, touched })} intent={inputIntent({ error, touched })}
helperText={<ErrorMessage name={'deposit_account_id'} />} helperText={<ErrorMessage name={'deposit_account_id'} />}
inline={true}
> >
<AccountsSuggestField <AccountsSuggestField
selectedAccountId={value} selectedAccountId={value}
@@ -154,7 +149,6 @@ function RefundVendorCreditFormFields() {
<FormGroup <FormGroup
label={<T id={'refund_vendor_credit.dialog.description'} />} label={<T id={'refund_vendor_credit.dialog.description'} />}
className={'form-group--description'} className={'form-group--description'}
inline={true}
> >
<TextArea growVertically={true} {...field} /> <TextArea growVertically={true} {...field} />
</FormGroup> </FormGroup>

View File

@@ -63,8 +63,8 @@ export function ActionsMenu({
} }
> >
<MenuItem <MenuItem
icon={<Icon icon="quick-payment-16" />}
text={intl.get('vendor_credits.action.reconcile_with_bills')} text={intl.get('vendor_credits.action.reconcile_with_bills')}
icon={<Icon icon="receipt-24" iconSize={16} />}
onClick={safeCallback(onReconcile, original)} onClick={safeCallback(onReconcile, original)}
/> />
</If> </If>

View File

@@ -1,13 +1,9 @@
.dialog--refund-vendor-credit { .dialog--refund-vendor-credit {
max-width: 450px;
.bp3-dialog-body { .bp3-dialog-body {
.bp3-form-group { .bp3-form-group {
label.bp3-label { margin-bottom: 16px;
min-width: 140px;
font-size: 13px;
}
.bp3-form-content {
width: 250px;
}
} }
.form-group { .form-group {