woocommerce-ios icon indicating copy to clipboard operation
woocommerce-ios copied to clipboard

[Tablet Orders] Adapt refunds, filters, and order status modal view size

Open iamgabrielma opened this issue 1 year ago • 1 comments

As with https://github.com/woocommerce/woocommerce-ios/issues/11759, the refunds, filters, and order status modal views might need some update to its size so it doesn't cover the view with empty space:

  1. On a paid order
  2. Tap on Refund, observe that the modal view takes most of the screen with empty space.
  3. Tap on Filters and the pencil to edit Order Statuses* as well and observe the same result.
Refunds Filters Order Status
  • Order status might be only necessary for editable orders, since we'll be removing the component in order creation

iamgabrielma avatar Jan 23 '24 10:01 iamgabrielma

Thanks for raising this. I agree that these would be nicer if the modals were smaller, but IIRC there's no way to specify a smaller size for the default formSheet presentation.

I think for the filters, it might be more appropriate to use a popover or menu on iPad, as long as it doesn't compromise multiple selection.

For refunds, perhaps a custom modal like we use for card reader alerts or the modal JITM presentation would be more appropriate.

Either way, I'm bumping this out of scope. It's a nice to have, but will need design input and potentially significant dev work.

cc. @joe-keenan

joshheald avatar Jan 23 '24 12:01 joshheald