Skip to content
This repository has been archived by the owner on Jan 30, 2024. It is now read-only.

Mv 379 improper horizontal #162

Merged
merged 6 commits into from
Apr 18, 2023
Merged

Mv 379 improper horizontal #162

merged 6 commits into from
Apr 18, 2023

Conversation

pkrucz00
Copy link
Contributor

@pkrucz00 pkrucz00 commented Apr 5, 2023

The Pull Request aims to make the "Ooops, trn your device... " screen a little more accurate in terms of when it should pop out.

The proposed solution is that we check if a device is a smartphone (not a tablet - tablets should behave like desktops in terms of most UI) by:

  1. Finding out if it has a coarse pointer.
  2. Checking the width of a visual viewport:
    • if it's under MOBILE_WIDTH_BANDWIDTH then it is considered a smartphone
    • if not we check if the width is under MAX_MOBILE_WIDTH_BANDWIDTH and then check if he screen is horizontal.

The behaviour of the "Turn your device..." screen works as expected on most smartphones and tablets tested on chrome devtools. There may be some uncovered cases like a laptop with touchscreen and small viewport (eg. when minimising the width of a window). Those should be tested as well.

Besides, some small readability changes have been done..

Copy link
Contributor

@bblaszkow06 bblaszkow06 left a comment

Choose a reason for hiding this comment

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

Looks fine to me, but wait for @kamil-stasiak's approval before merging.

Co-authored-by: Kamil Stasiak <kamilstasiaknew@gmail.com>
@pkrucz00 pkrucz00 merged commit 54c6e40 into master Apr 18, 2023
@pkrucz00 pkrucz00 deleted the MV-379-improper-horizontal branch April 18, 2023 04:18
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants