search

msupply-foundation / open-msupply

Open mSupply represents our most recent advancement in the Logistics Management Information System (LMIS), expanding on more than two decades of development inherited from the well-established legacy of the original mSupply.
https://msupply.foundation/open-msupply/
Other
20 stars 12 forks source link

Returns modal horizontal scroll #3987

Open mark-prins opened 3 months ago

mark-prins commented 3 months ago

What went wrong? 😲

I took this screen cap while testing something the other day. The distribution return (Inbound return) looks ok when the item name is short, but has a horizontal scroll and doesn't look great if the item name is a little longer:

Screenshot 2024-05-20 at 4 29 55 PM

The replenishment return (Outbound) also has an issue with horizontal scolling:

image

I tried to click next without realising that I had to enter a quantity, because the input is hidden off to the right somewhere. The input field can be on the left, though the other numeric fields need to be nearby too, as they influence the amount to return. The modal could be wider on desktop, but probably not on mobile. The unit column is wider than strictly necessary, and perhaps the item name column needs a limit on it?

Expected behaviour 🤔

No horizontal scrolling in the Inbound return modal table The input field should be visible in the Outbound return modal

How to Reproduce 🔨

Steps to reproduce the behaviour:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Your environment 🌱

andreievg commented 5 days ago

Refinement, quick note, bigger modal, inputs on left side