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

8445 individual topic page #8577

Draft
wants to merge 6 commits into
base: develop
Choose a base branch
from
Draft

Conversation

lucascumsille
Copy link
Contributor

  • Pending fix follow and RSS button

Relevant issue(s)

Fixes part of: #8445

What does this do?

Change layout for /list and individual topic page:

  • Advanced search

  • Improved contrast of calendar icons

  • Added collapse button component

  • Improved focus state for input fields

Why was this needed?

Implementation notes

Screenshots

Notes to reviewer


Have you updated the changelog? If this is not necessary, put square brackets around this: skip changelog

- Added a way to detect if inputs inside js-collapse-content are being used was added. If that is the case, then js-collapse-content will remain open if the page is reloaded. The idea is to make it more UX-friendly for users actively using the inputs inside js-collapse-content and don't have to reopen every time the page reloads.
- Added an optional reset button that clears the inputs inside .js-collapse-content
- Previous calendar was not passing contrast test. New colour passes AAA.
- Replaced PNG with SVG for better definition
Currently the focus state is barely noticeable, which is not ideal for people using keyboard or assistive devices to navigate the site. This commits add a box-shadow and outline when focusing.
- Added visually-hidden class to h2 elements in #header_right, considering each one has only two items, which are easy to scan, so I don't think those headings contributed. This should also help make that section use less vertical space,
- Removed odd margin-left to a.track-request-action, that was breaking the
- Increased the contrast ratio for the borders inside .filter-request-types
- Made some changes in the spacing on #header_left and .results_section so there is not much empty space between sections.
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.

1 participant