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

Improve styling for genre filter section #279

Open
brittanyrw opened this issue Oct 8, 2019 · 2 comments
Open

Improve styling for genre filter section #279

brittanyrw opened this issue Oct 8, 2019 · 2 comments
Assignees
Labels
CSS Issue requires modification of CSS javascript Issue requires modification of JavaScript

Comments

@brittanyrw
Copy link
Owner

If you would like to work on this Issue, comment below and wait for confirmation before starting to code.

This is the current filter/dropdown for genres on the site:
Screen Shot 2019-10-08 at 7 34 46 PM

Screen Shot 2019-10-08 at 7 36 12 PM

Improve the styling of the dropdown so that the font sizing, padding, etc is similar to EmojiScreen:
Screen Shot 2019-10-08 at 7 35 51 PM

Also restyle the dropdown so that it is not the default browser dropdown anymore. This might include adding Select2 or another library to the filter to allow for more flexibility styling.

Here is an example of what an updated dropdown could look like:
Screen Shot 2019-10-08 at 5 29 00 PM

Post your ideas for updating the style of the filter here.

@brittanyrw brittanyrw added enhancement New feature or request help wanted Extra attention is needed CSS Issue requires modification of CSS javascript Issue requires modification of JavaScript hacktoberfest labels Oct 8, 2019
@joyceyskwon
Copy link

I would like to work on this!

@brittanyrw
Copy link
Owner Author

@joyceyskwon Awesome! I am assigning this to you. Feel free to leave a comment if you need more information.

@brittanyrw brittanyrw removed help wanted Extra attention is needed enhancement New feature or request labels Sep 30, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CSS Issue requires modification of CSS javascript Issue requires modification of JavaScript
Projects
None yet
Development

No branches or pull requests

2 participants