Fixes and tweaks to state styles - Githubissues

platform-coop-toolkit / pinecone

Pattern library for the Platform Cooperative Development Kit.

https://pinecone.platform.coop

BSD 3-Clause "New" or "Revised" License

1 stars 3 forks source link

Fixes and tweaks to state styles #402

Closed jhung closed 4 years ago

jhung commented 4 years ago

[x] I've read the guidelines for Contributing to the Platform Co-op Toolkit
[x] This isn't a duplicate of an existing pull request

Description

Fixes #363 - Search focus borders appear as different widths
Fixes #364 - Search inverts when active.
Fixes #365 - Menu button inverted focus and active style
Fixes #368 - Radio group selected state
Fixes #401 - Accordion has bottom border when active

Steps to test

Search button:

Test active state of the search button on the following:
- Search button
- Search form
- Home Layout
Search focus/active borders should appear consistent on both the input field and search button (see #363). Note: existing issues with box shadow rendering on Firefox may cause outer and inner borders to appear different widths. See #360).
The search button should invert when active See #364 .

Menu button:

Test the focus and active state on the following:
- Menu button
- Page layout (mobile)
- Home layout (mobile)
The focus border should be consistent in width and spacing across default and inverted styles. See #365 .

Radio group:

Verify that the checked option in the Radio Group is Blue-500

Accordion:

Test the active or focus state for the filter accordion button on the Archive layout.
The top border of the next accordion button should not overlap with the active or focus styling (see #401)

netlify[bot] commented 4 years ago

Deploy preview for pinecone ready!

Built with commit 28c870e1cbc269be9a76389eacef97e56b24653c

https://deploy-preview-402--pinecone.netlify.app