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.

Sign up for GitHub

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

Jump to bottom

Top menu bar is not responsive and either vanishes or causes display issues #33

Closed
jakobkolb opened this issue Jul 27, 2020 · 1 comment
Closed

Top menu bar is not responsive and either vanishes or causes display issues #33

jakobkolb opened this issue Jul 27, 2020 · 1 comment
Labels
bug Something isn't working Smartphone Issues that contain usage of app on smartphone devices (below 768 px)

Comments

@jakobkolb
Copy link
Contributor

Describe the bug
The top menu bar causes issues on low res screens. See screenshots below

To Reproduce
Steps to reproduce the behavior:

  1. Open app on smartphone
  2. See how the database selector is either pushed out of the view port or pushes other components out of the view port.

Expected behavior
On smaller screens, I expect the app to be rendered inside the view port and components to rearrange responsively. Therefore, I expect the database selector to take up the entire top menu bar (with maybe the exception of a logo/icon on the left side)

Screenshots
On Pixel 2 XL:
Screenshot from 2020-07-27 12-17-39

On Moto G4:
Screenshot from 2020-07-27 12-14-53
@jakobkolb jakobkolb added the bug Something isn't working label Jul 27, 2020
@jakobkolb jakobkolb changed the title Top menu bar is not responsive and eitherr vanises or causes display issues Top menu bar is not responsive and either vanises or causes display issues Jul 27, 2020
@levino levino changed the title Top menu bar is not responsive and either vanises or causes display issues Top menu bar is not responsive and either vanishes or causes display issues Jul 27, 2020
@jakobkolb jakobkolb added the Smartphone Issues that contain usage of app on smartphone devices (below 768 px) label Jul 27, 2020
@levino
Copy link
Member

levino commented Jul 30, 2020

Fixed by #46

@levino levino closed this as completed Jul 30, 2020
@levino levino mentioned this issue Jul 31, 2020
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working Smartphone Issues that contain usage of app on smartphone devices (below 768 px)
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@levino @jakobkolb