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

Feature: Search for patterns, toggle grid/list view #329

Merged
merged 11 commits into from
Jul 31, 2024

Conversation

stalgiag
Copy link
Contributor

see aria-practices/#2534 for more information.

These are the build repo updates to accompany aria-practices/#3043.

From that PR:

This PR adds an input to the patterns index page that filters the patterns as you type. Additionally, a toggle is added that allows users to switch between a list and a grid view for the patterns.

Copy link

netlify bot commented Jun 18, 2024

Deploy Preview for aria-practices ready!

Name Link
🔨 Latest commit 53e2eae
🔍 Latest deploy log https://app.netlify.com/sites/aria-practices/deploys/66aa41b114e8ab00082d10ed
😎 Deploy Preview https://deploy-preview-329--aria-practices.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 configuration.

@@ -105,63 +195,104 @@ ul.tiles {
}
}

li.tile {
Copy link
Contributor

Choose a reason for hiding this comment

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

Seems the Practices page uses the tile classname so this change (and other related css rules) would also affect there

This change:
Screenshot 2024-06-24 at 3 18 11 PM

vs what's on production:
Screenshot 2024-06-24 at 3 17 54 PM

Copy link
Contributor Author

@stalgiag stalgiag Jun 24, 2024

Choose a reason for hiding this comment

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

Wow clutch catch thank you! I obviously didn't realize that it was being used elsewhere. Have been in module land for too long.

My original intent for renaming was just to get away from potentially misleading classes (ie avoid a situation in which a ul class="list" has li class="tile"). I handled the regression with this commit (3e794ee) but if we wanted to take it a step further I would advocate for getting rid of both the "tile" and "pattern" classes in favor of some more generic name for both so that all styling can just be derived from the class of the parent ul across both pages. This isn't essential though.

@stalgiag
Copy link
Contributor Author

stalgiag commented Jul 2, 2024

Updates based on @isaacdurazo 's mockups from the feedback in the APG task force meeting:

  • Remove submit search button
  • Clear button based on this UX
  • "Filter patterns" for placeholder and h2

Copy link
Contributor

@howard-e howard-e left a comment

Choose a reason for hiding this comment

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

@stalgiag well done on this work!

w3c/aria-practices#3043 has now been approved and merged, so I went ahead and updated the aria-practices .gitmodule commit being pointed to, to resolve the conflict that was present before any Infrastructure clashes happen with new PRs being submitted on w3c/aria-practices

@howard-e howard-e merged commit 2f061a9 into w3c:main Jul 31, 2024
4 checks passed
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