website
website copied to clipboard
asyncapi
Add proper dropdowns to the Filters Select Menu
Reason/Context
So for now, the Filter section when expanded with dropdowns extends a lot in the webpage which creates UI issues for many screens that they have to scroll to click on the Apply Filters button.
Description
Introduce a new Dropdown for these filters so that we have dropdown menus of limited height only but making overflow-y set to scroll with good UI. Each item in the dropdown right now should act as an option in a row for the new dropdown.
@akshatnema Can I work on this issue , the PR made for this was also long ago , I can work on this issue ?
@reachaadrika Yeah you can work on this issue.
Should it look like this @akshatnema
@Savio629 Yes, it should look like this but the height should be smaller for the dropdown.
@Savio629 Yes, it should look like this but the height should be smaller for the dropdown.
@akshatnema If the elements are more how could we decrease the height for the drop down? Or do we need to decrease the text size of elements to fit in more dropdown elements?
@ashutosh887 @sambhavgupta0705 is already working on this pr. You can hop on some other issues...
@Savio629 Can you assign me other Good First Issues to please?
You may check out this one : https://github.com/asyncapi/website/issues/1581
Hey Folks, I want to know, here we were working on building the user interface as described above or trying to find the code logic behind the drop-down?
Though I know @sambhavgupta0705 is already working on this but want to understand the flow in order to help if needed. Do let me know!
Hey @whoisvishesh, @sambhavgupta0705 has already made a pr for this issue. You can check it out here -> https://github.com/asyncapi/website/pull/1558 We have to suggest some suitable design for the dropdown.
@priyanshu-101 currently @sagarkori143 is working on this issue If he drops this then you can work on it