Added global input style for numbers & fixed alignment on vendors form IO-415

This commit is contained in:
Patrick Fic
2020-12-02 14:08:22 -08:00
parent 80835d4da9
commit ed30483a38
6 changed files with 70 additions and 7 deletions

View File

@@ -26080,6 +26080,27 @@
</translation>
</translations>
</concept_node>
<concept_node>
<name>newpreferredmake</name>
<definition_loaded>false</definition_loaded>
<description></description>
<comment></comment>
<default_text></default_text>
<translations>
<translation>
<language>en-US</language>
<approved>false</approved>
</translation>
<translation>
<language>es-MX</language>
<approved>false</approved>
</translation>
<translation>
<language>fr-CA</language>
<approved>false</approved>
</translation>
</translations>
</concept_node>
</children>
</folder_node>
<folder_node>
@@ -26599,6 +26620,27 @@
</translation>
</translations>
</concept_node>
<concept_node>
<name>preferredmakes</name>
<definition_loaded>false</definition_loaded>
<description></description>
<comment></comment>
<default_text></default_text>
<translations>
<translation>
<language>en-US</language>
<approved>false</approved>
</translation>
<translation>
<language>es-MX</language>
<approved>false</approved>
</translation>
<translation>
<language>fr-CA</language>
<approved>false</approved>
</translation>
</translations>
</concept_node>
<concept_node>
<name>search</name>
<definition_loaded>false</definition_loaded>

View File

@@ -71,3 +71,8 @@
// background-color: red;
//padding: 0.2rem !important;
}
.ant-input-number-input,
.ant-input-number {
width: 100%;
}

View File

@@ -1,5 +1,13 @@
import { DeleteFilled } from "@ant-design/icons";
import { Button, Form, Input, InputNumber, Select, Space } from "antd";
import {
Button,
Form,
Input,
InputNumber,
Select,
Space,
Typography,
} from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import InputNumberCalculator from "../form-input-number-calculator/form-input-number-calculator.component";
@@ -61,7 +69,6 @@ export default function VendorsFormComponent({
</Form.Item>
</LayoutFormRow>
<LayoutFormRow grow>
{" "}
<Form.Item label={t("vendors.fields.state")} name="state">
<Input />
</Form.Item>
@@ -106,6 +113,9 @@ export default function VendorsFormComponent({
</Form.Item>
</LayoutFormRow>
<Typography.Title level={4}>
{t("vendors.labels.preferredmakes")}
</Typography.Title>
<Form.List name="favorite">
{(fields, { add, remove }) => {
return (
@@ -143,7 +153,7 @@ export default function VendorsFormComponent({
}}
style={{ width: "100%" }}
>
{t("billlines.actions.newline")}
{t("vendors.actions.newpreferredmake")}
</Button>
</Form.Item>
</div>
@@ -151,5 +161,5 @@ export default function VendorsFormComponent({
}}
</Form.List>
</div>
);
);
}

View File

@@ -1610,7 +1610,8 @@
},
"vendors": {
"actions": {
"new": "New Vendor"
"new": "New Vendor",
"newpreferredmake": "New Preferred Make"
},
"errors": {
"deleting": "Error encountered while deleting vendor. ",
@@ -1641,6 +1642,7 @@
},
"labels": {
"noneselected": "No vendor is selected.",
"preferredmakes": "Preferred Makes for Vendor",
"search": "Type a Vendor's Name"
},
"successes": {

View File

@@ -1610,7 +1610,8 @@
},
"vendors": {
"actions": {
"new": "Nuevo vendedor"
"new": "Nuevo vendedor",
"newpreferredmake": ""
},
"errors": {
"deleting": "Se encontró un error al eliminar el proveedor.",
@@ -1641,6 +1642,7 @@
},
"labels": {
"noneselected": "Ningún vendedor está seleccionado.",
"preferredmakes": "",
"search": "Escriba el nombre de un proveedor"
},
"successes": {

View File

@@ -1610,7 +1610,8 @@
},
"vendors": {
"actions": {
"new": "Nouveau vendeur"
"new": "Nouveau vendeur",
"newpreferredmake": ""
},
"errors": {
"deleting": "Erreur rencontrée lors de la suppression du fournisseur.",
@@ -1641,6 +1642,7 @@
},
"labels": {
"noneselected": "Aucun fournisseur n'est sélectionné.",
"preferredmakes": "",
"search": "Tapez le nom d'un vendeur"
},
"successes": {