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

#1160 add styling to popular tags #3460

Merged
merged 5 commits into from
Dec 19, 2022

Conversation

cweave
Copy link
Contributor

@cweave cweave commented Oct 8, 2022

#1160 add styling to popular tags

Light mode, python hover/active state:
image

Dark mode, python hove/active state:
image

iPhone 12/13 screensize (375px wide):
image

  • This change updates the popular-tag list to a div with links. Adds titles and tabbing order to the links for a11y.
  • Adjusted color variables for better control over opacity. Converted container-border color to rbg value.
  • Added container-border-alt color for darkmode

Copy link
Member

@shiftkey shiftkey left a comment

Choose a reason for hiding this comment

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

I like where this is heading - my only question is about the DOM changes that support this styling...

<% _.each(popularTags, function(entry, key){ %>
<li><a><%-entry.name%></a> (<%-entry.frequency%>)</li>
<a title="Popular Tag: <%-entry.name%>" tabindex="0"><%-entry.name%> <span class="popular-tags__frequency">(<%-entry.frequency%>)</span></a>
Copy link
Member

Choose a reason for hiding this comment

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

🤔 Can we do these styling changes without losing the ul/li semantics of these elements?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@shiftkey sure thing! see this commit here #e902028

@shiftkey shiftkey added the has questions Reviewer has outstanding questions about the pull request label Oct 8, 2022
@AbsolytnaiaLove

This comment was marked as spam.

@AbsolytnaiaLove

This comment was marked as spam.

@shiftkey shiftkey removed the has questions Reviewer has outstanding questions about the pull request label Oct 21, 2022
javascripts/main.js Outdated Show resolved Hide resolved
@shiftbot
Copy link
Collaborator

Checking the latest changes to the pull request...

352 projects without issues ✅

Everything should be good to merge!

@ritwik12 ritwik12 merged commit a6a3178 into up-for-grabs:gh-pages Dec 19, 2022
@ritwik12
Copy link
Collaborator

@cweave Thanks

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.

5 participants