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

refactor: limit dropdown height of tools filter #1323

Closed

Conversation

co-decode
Copy link

Description

Dropdown for the filter of the tools dashboard would extend too far down the page.

  • I have set a maximum height on the 'Language', 'Technology' and 'Category' dropdowns
  • I have disallowed opening multiple dropdowns: opening a new dropdown closes any that are currently open

These are my initial ideas for dealing with this issue.
Please let me know if I can improve upon them, this is a cool project and I'd like to help out!

Related issue(s)
Resolves #1318

image

@netlify
Copy link

netlify bot commented Feb 10, 2023

Deploy Preview for asyncapi-website ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit cda45c6
🔍 Latest deploy log https://app.netlify.com/sites/asyncapi-website/deploys/63e5d9d3a1a59c000828d087
😎 Deploy Preview https://deploy-preview-1323--asyncapi-website.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

@github-actions
Copy link

⚡️ Lighthouse report for the changes in this PR:

Category Score
🔴 Performance 40
🟠 Accessibility 88
🟢 Best practices 100
🟢 SEO 100
🔴 PWA 30

Lighthouse ran on https://deploy-preview-1323--asyncapi-website.netlify.app/

@derberg
Copy link
Member

derberg commented Feb 28, 2023

@akshatnema please have a look 🙏🏼

Copy link
Member

@akshatnema akshatnema left a comment

Choose a reason for hiding this comment

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

Hey @co-decode, sorry for the late review 🙏. Regarding the dropdown height, yeah we do need to limit the dropdown height but we can't remove the scroll from it. You need to implement a new Dropdown for the Filters so that it looks perfect in both desktop and mobile view. You can get the reference of the dropdowns from https://deploy-preview-1330--asyncapi-website.netlify.app/tools, where you can see the Jump to Category section and it's dropdown.

@derberg
Copy link
Member

derberg commented Jun 21, 2023

no response from @co-decode so closing, as there are conflicts anyway and it is old PR. @co-decode please feel free to open a new PR

@derberg derberg closed this Jun 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add proper dropdowns to the Filters Select Menu
3 participants