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

Fix Filter Form overflow on mobile #7940

Merged
merged 10 commits into from
Jul 22, 2022
Merged

Fix Filter Form overflow on mobile #7940

merged 10 commits into from
Jul 22, 2022

Conversation

antoinefricker
Copy link
Contributor

@antoinefricker antoinefricker commented Jul 7, 2022

The result is far from perfect but corrects major responsive display errors.

Enregistrement.de.l.ecran.2022-07-08.a.10.23.02.mov

With debug borders (don't appear for real)

Enregistrement.de.l.ecran.2022-07-08.a.10.22.21.mov

@djhi
Copy link
Contributor

djhi commented Jul 7, 2022

Can you show how it looks with the post filter removed so that we can see the filter button?

@antoinefricker antoinefricker added WIP Work In Progress and removed RFR Ready For Review labels Jul 7, 2022
@djhi djhi added this to the 4.2.4 milestone Jul 21, 2022
@fzaninotto
Copy link
Member

I don't like this solution, as it pushes the content down on desktop:

Before

localhost_8080_ (1)

After

localhost_8080_ (2)

@antoinefricker
Copy link
Contributor Author

antoinefricker commented Jul 22, 2022

Please consider the update : filters and top toolbar are stuck with a consistent padding

Enregistrement.de.l.ecran.2022-07-22.a.08.39.02.mov

@fzaninotto
Copy link
Member

I noticed that the Edit and Show views no longer have the same top margin as the List view. This regression is not caused by your PR, but it's recent. As you're working on the design, could you take a look at it?

paddingRight: 0,
whiteSpace: 'nowrap',
flex: '0 1 auto',
minHeight: 'unset !important',
Copy link
Member

Choose a reason for hiding this comment

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

Can't we avoid this?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I removed that, as agreed, toolbar keeps (again) consistent height on List, Edit and View templates

@antoinefricker
Copy link
Contributor Author

As discussed, top toolbar height remains consistent between Edit, Create and List templates

Enregistrement.de.l.ecran.2022-07-22.a.10.37.45.mov

@fzaninotto fzaninotto merged commit b565ad5 into master Jul 22, 2022
@fzaninotto fzaninotto deleted the rao-breadcrumb-margin branch July 22, 2022 09:23
@fzaninotto fzaninotto changed the title [Fix] Filters list overflow on mobile Fix Filter Form overflow on mobile Jul 22, 2022
@fzaninotto fzaninotto modified the milestones: 4.2.4, 4.2.5 Jul 22, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
RFR Ready For Review
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants