-
Notifications
You must be signed in to change notification settings - Fork 136
[Woo POS] Adapt the UI to be usable on smaller devices #11940
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
[Woo POS] Adapt the UI to be usable on smaller devices #11940
Conversation
…ions-improvements' into 11937-woo-pos-adapt-the-ui-to-be-usable-on-smaller-devices
Generated by 🚫 Danger |
📲 You can test the changes from this Pull Request in WooCommerce-Wear Android by scanning the QR code below to install the corresponding build.
|
|
📲 You can test the changes from this Pull Request in WooCommerce Android by scanning the QR code below to install the corresponding build.
|
backwardstruck
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| import com.woocommerce.android.ui.woopos.util.ext.getLongestScreenSideDp | ||
|
|
||
| @Composable | ||
| fun Dp.toAdaptivePadding(): Dp { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice way to ensure padding is adjusted based on screen size.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@samiuelson wdyt about this approach? That's kinda naive, but it seems to be working
Also, if we go with this, we should not forget to use that on all the paddings
…ions-improvements' into 11937-woo-pos-adapt-the-ui-to-be-usable-on-smaller-devices
…ements' into 11937-woo-pos-adapt-the-ui-to-be-usable-on-smaller-devices


Closes: #11937
Description
Adapts the UI to be more usable on smaller screens
Steps to reproduce
Testing information
Test the changes on different screen size:
Images/gif
RELEASE-NOTES.txtif necessary. Use the "[Internal]" label for non-user-facing changes.