Skip to content

Filter menu doesn't scale as expected on smaller screens #555

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

Closed
RubenFricke opened this issue Sep 7, 2021 · 0 comments · Fixed by #570
Closed

Filter menu doesn't scale as expected on smaller screens #555

RubenFricke opened this issue Sep 7, 2021 · 0 comments · Fixed by #570
Assignees
Labels
bug Something isn't working Good first issue Good first issue to get to know the project internally. Refactor Friday This label is used to mark an issue for a planned refactor responsiveness Frontend needs to scale properly on different display sizes

Comments

@RubenFricke
Copy link
Member

Describe the bug
If the screen is below a certain amount of pixels in height, it does not fully show the filter menu.

To Reproduce

  1. Open the project overview page
  2. Validate that the bottom of the filter menu is cut off (if you have a smaller screen yourself)
  3. Otherwise, you can achieve this by changing the height to 600px (in Chrome you can do this by clicking on F12 -> toggle device toolbar
    afbeelding
    afbeelding

Expected behavior
As a user, I would like to be able to see the complete filter menu. I'm not sure what the best practice is, but I think it can be solved by adding a vertical scroll bar.

Screenshots
afbeelding

@RubenFricke RubenFricke added bug Something isn't working responsiveness Frontend needs to scale properly on different display sizes Good first issue Good first issue to get to know the project internally. Refactor Friday This label is used to mark an issue for a planned refactor labels Sep 7, 2021
@elislaats elislaats self-assigned this Sep 13, 2021
@elislaats elislaats mentioned this issue Sep 13, 2021
11 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working Good first issue Good first issue to get to know the project internally. Refactor Friday This label is used to mark an issue for a planned refactor responsiveness Frontend needs to scale properly on different display sizes
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants