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

feat: Update tag display system #80

Conversation

Robert-MacWha
Copy link
Contributor

@Robert-MacWha Robert-MacWha commented Oct 8, 2024

Frameworks PR Checklist

Thank you for contributing to the Security Frameworks! Before you open a PR, make sure to read information for contributors and take a look at the following checklist:

  • Describe your changes, substitute this text with the information
  • If you are touching an existing piece of content, ask the original creator for review
  • If you need feedback for your content from wider community, share the PR in our Discord
  • Review changes to ensure there are no typos, see instructions below

Summary
Updated the tag display system to clean up the UX and provide more consistancy.

Before After
image image
  • Sort tags alphabetically
  • Remove “Selected Articles”
  • When a tag is displayed, only show articles matching the tag
  • Generally updated CSS for consistency & tidiness
    • Not shown in the above before/after: updated CSS for highlighted tags when selecting to improve contrast
      image

@tebayoso - this is your code & I would imagine your decision to architect the tag system.

* Sort tags alphabetically

* Remove "Selected Articles"

* When a tag is displayed, only show articles matching the tag

* Fixed CSS on tags-dropdown
Copy link

vercel bot commented Oct 8, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
frameworks ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 8, 2024 8:17pm

* Functionality remains, as far as I can tell, the same.  I mostly just removed a few duplicate methods related to tagsList and added documentation to make the code easier for new readers.
Also fixed layering issue due to background transparency
The code for OR selection was just commented out since I'm not sure if others actually wanted this, or if it was just me.  Can be reverted if so desired.
Better to have all styles in the .css file
@mattaereal
Copy link
Collaborator

I like this. I think it's clear, unrepetitive, and the initial idea of how I portrayed it :).

@mattaereal mattaereal merged commit 3738082 into security-alliance:develop Oct 9, 2024
3 of 4 checks passed
@Robert-MacWha Robert-MacWha deleted the develop-tags-reformat-selected branch October 9, 2024 23:28
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.

2 participants