Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

OBPIH-6372 Full outbound import confirm step page improvements #4679

Merged
merged 7 commits into from
Jun 19, 2024
Prev Previous commit
Next Next commit
OBPIH-6372 Added responsive breakpoints to fields on details import step
  • Loading branch information
drodzewicz committed Jun 18, 2024
commit 9c5f558547e503cad3883cb144bb28aacc7c27d2
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ const OutboundImportBasicDetails = ({ control, errors }) => {
)}
/>
</div>
<div className="col-6 px-2 pt-2">
<div className="col-lg-6 col-md-12 px-2 pt-2">
<Controller
name="origin"
control={control}
Expand All @@ -58,7 +58,7 @@ const OutboundImportBasicDetails = ({ control, errors }) => {
)}
/>
</div>
<div className="col-6 px-2 pt-2">
<div className="col-lg-6 col-md-12 px-2 pt-2">
<Controller
name="destination"
control={control}
Expand All @@ -76,7 +76,7 @@ const OutboundImportBasicDetails = ({ control, errors }) => {
)}
/>
</div>
<div className="col-6 px-2 pt-2">
<div className="col-lg-6 col-md-12 px-2 pt-2">
<Controller
name="requestedBy"
control={control}
Expand All @@ -96,7 +96,7 @@ const OutboundImportBasicDetails = ({ control, errors }) => {
)}
/>
</div>
<div className="col-6 px-2 pt-2">
<div className="col-lg-6 col-md-12 px-2 pt-2">
<Controller
name="dateRequested"
control={control}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ const OutboundImportSendingOptions = ({ control, errors, trigger }) => {
return (
<Subsection title={{ label: 'react.outboundImport.form.sendingOptions.label', defaultMessage: 'Sending options' }} collapsable={false}>
<div className="row">
<div className="col-3 px-2 pt-2">
<div className="col-lg-3 col-md-6 px-2 pt-2">
<Controller
name="shipmentType"
control={control}
Expand All @@ -39,7 +39,7 @@ const OutboundImportSendingOptions = ({ control, errors, trigger }) => {
)}
/>
</div>
<div className="col-3 px-2 pt-2">
<div className="col-lg-3 col-md-6 px-2 pt-2">
<Controller
name="trackingNumber"
control={control}
Expand All @@ -52,7 +52,7 @@ const OutboundImportSendingOptions = ({ control, errors, trigger }) => {
)}
/>
</div>
<div className="col-3 px-2 pt-2">
<div className="col-lg-3 col-md-6 px-2 pt-2">
<Controller
name="dateShipped"
control={control}
Expand All @@ -78,7 +78,7 @@ const OutboundImportSendingOptions = ({ control, errors, trigger }) => {
)}
/>
</div>
<div className="col-3 px-2 pt-2">
<div className="col-lg-3 col-md-6 px-2 pt-2">
<Controller
name="expectedDeliveryDate"
control={control}
Expand Down
Loading