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
21 stars 12 forks source link

Comment & Reference columns in Inbound Shipments need re-thinking 💭 #5221

Open marthakeezy opened 7 hours ago

marthakeezy commented 7 hours ago

What went wrong? 😲

Raising after a brief chat with @mariyamsupply

When viewing Inbound Shipments on Desktop, Browser or Tablet, it is pretty impossible to read the text - even if it is something short, or default like 'From invoice X', the text gets horribly cut. My concern is on tablet, you have to hold down the cell to read the full text and your finger has to be positioned in a very specific way to see said text. Also, it adds clutter to the screen and serves minimal purpose.

Screenshot 2024-10-24 at 4 07 19 PM

This is how I find myself using tablet most of the times:

Screenshot 2024-10-24 at 4 09 06 PM

The pathway to finding that information within Inbound Shipments also does not seem super easy to me -> user is required to click on the inbound shipment -> then on 'More' to see the comment. With how busy the page is, it might also not be super obvious to them where to look for that information.

Screenshot 2024-10-24 at 4 10 59 PM

Expected behaviour 🤔

I enjoy the way we solved this problem when viewing breaches related to cold chain. There is a simple icon indicating text present, which is easy to click on when using tablets and computers. Not every Inbound Shipment has reference or comment attached, so for those that do, can we have this icon shown instead of the text that is hard to read?

https://github.com/user-attachments/assets/f314399f-a60d-4c8c-99b8-9b19d2c0730d

How to Reproduce 🔨

Steps to reproduce the behaviour:

  1. Go to Replenishment -> Inbound Shipment
  2. Look at the page from a tablet and a desktop
  3. See the text that is hard to read
  4. Let's think of better ways to show this!

Your environment 🌱

marthakeezy commented 7 hours ago

Maybe this needs to be applied to all areas where the text gets cut off anyway?