Skip to content

Conversation

@kidinov
Copy link
Contributor

@kidinov kidinov commented Jul 8, 2024

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:

  • Notice that it looks better on the smallest supported screens
  • Make sure no changes are done on the big tablets

Images/gif

image image image
  • I have considered if this change warrants release notes and have added them to RELEASE-NOTES.txt if necessary. Use the "[Internal]" label for non-user-facing changes.

@kidinov kidinov added the feature: point of sale POS project label Jul 8, 2024
@kidinov kidinov added this to the 19.5 milestone Jul 8, 2024
@kidinov kidinov requested a review from backwardstruck July 8, 2024 14:56
@kidinov kidinov added the status: do not merge Dependent on another PR, ready for review but not ready for merge. label Jul 8, 2024
@dangermattic
Copy link
Collaborator

dangermattic commented Jul 8, 2024

1 Warning
⚠️ This PR is larger than 300 lines of changes. Please consider splitting it into smaller PRs for easier and faster reviews.

Generated by 🚫 Danger

@wpmobilebot
Copy link
Collaborator

wpmobilebot commented Jul 8, 2024

📲 You can test the changes from this Pull Request in WooCommerce-Wear Android by scanning the QR code below to install the corresponding build.
App Name WooCommerce-Wear Android
Platform⌚️ Wear OS
FlavorJalapeno
Build TypeDebug
Commitca81f37
Direct Downloadwoocommerce-wear-prototype-build-pr11940-ca81f37.apk

@wpmobilebot
Copy link
Collaborator

wpmobilebot commented Jul 8, 2024

📲 You can test the changes from this Pull Request in WooCommerce Android by scanning the QR code below to install the corresponding build.

App Name WooCommerce Android
Platform📱 Mobile
FlavorJalapeno
Build TypeDebug
Commitca81f37
Direct Downloadwoocommerce-prototype-build-pr11940-ca81f37.apk

@backwardstruck backwardstruck self-assigned this Jul 8, 2024
Copy link
Contributor

@backwardstruck backwardstruck left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code changes look good.

Testing on small screen tablet:

Screenshot 2024-07-08 at 17 13 32

Large screen tablet testing:

Screenshot 2024-07-08 at 16 54 05

import com.woocommerce.android.ui.woopos.util.ext.getLongestScreenSideDp

@Composable
fun Dp.toAdaptivePadding(): Dp {
Copy link
Contributor

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.

Copy link
Contributor Author

@kidinov kidinov Jul 9, 2024

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

kidinov and others added 2 commits July 9, 2024 15:13
…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
Base automatically changed from 11895-woo-pos-entry-point-eligibility-conditions-improvements to trunk July 11, 2024 12:25
@kidinov kidinov modified the milestones: 19.5, 19.6 Jul 11, 2024
@kidinov kidinov linked an issue Jul 11, 2024 that may be closed by this pull request
@kidinov kidinov removed the status: do not merge Dependent on another PR, ready for review but not ready for merge. label Jul 12, 2024
@kidinov kidinov enabled auto-merge July 12, 2024 08:06
@kidinov kidinov merged commit 63e7edd into trunk Jul 12, 2024
@kidinov kidinov deleted the 11937-woo-pos-adapt-the-ui-to-be-usable-on-smaller-devices branch July 12, 2024 08:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Woo POS] Adapt the UI to be usable on smaller devices

5 participants