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

Need to fix the Responsive View of the Mission Page's Filter and Clear Buttons. #267

Open
ksalamy opened this issue Nov 4, 2024 · 1 comment
Assignees
Labels
bug Something isn't working

Comments

@ksalamy
Copy link
Collaborator

ksalamy commented Nov 4, 2024

#266 (comment)

The "Filter" and "Clear" buttons should always be visible no matter size of the browser's window. They are both visible if the window is at least 1731 pixels wide.

If the window is less than 1714 pixels wide the Clear button disappears and the Filter button becomes wider.

If the window is narrowed to be less than 1648 pixels then both the Filer and Clear buttons disappear

@ksalamy ksalamy added the bug Something isn't working label Nov 4, 2024
@ksalamy ksalamy self-assigned this Nov 4, 2024
@MBARIMike
Copy link
Contributor

Using developer tools I see a css setting in the filters.css file that seems to affect the button visibility.

Before disabling min-width: max-content; in the div.col-md selector:
Screenshot 2024-11-05 at 9 32 20 AM

After disabling:
Screenshot 2024-11-05 at 9 33 03 AM

This change in the filters.css file was introduced in a commit made about 5 months ago: 9b9e7ad#diff-39285c1134876be0fa983abf8b6470c283e2157151e1b68860d9f9d9cd5c7504R136

The .col-md selector is used by Bootstrap's grid system: https://getbootstrap.com/docs/5.0/layout/grid/#grid-options

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants