Skip to content
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

IE11/iPhone SE/iPhone 5 problem with mobile breakpoints #553

Closed
MirelaPaun opened this issue Feb 27, 2018 · 0 comments
Closed

IE11/iPhone SE/iPhone 5 problem with mobile breakpoints #553

MirelaPaun opened this issue Feb 27, 2018 · 0 comments

Comments

@MirelaPaun
Copy link

Bug report

IE11/iPhone SE/iPhone 5 problem with mobile breakpoints

Tradeshift UI version affected

v9.3.13

Expected Behavior

On iPhone devices on portrait view I would expect to see only one card per row, ts-mobile-only class should be displayed. If I switch to landscape view, I would expect to see either mobile view - one card per row (ts-mobile-only class) or tablet view - two cards per row (ts-tablet-only class), it depends on the resolution.

Actual Behavior

On iPhone devices on portrait view I can see two cards per row that means that ts-tablet-only class is displayed and not ts-mobile-only as I would expect according to the device resolution.
On Android device everything works fine and the breakpoints seem to be correct (as far as we tested until now).

Steps to reproduce

Login on iPhone device.
Access Document Manager app or ui.tradeshift.com and see how the content is displayed.

Screenshots (optional)

Screenshots from iPhone 5 (bug):
img_0062
img_0059

Screenshot from Android device (the right behavior):
28554694_1554517168002725_700041654_o

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants