Problem/Motivation

Educare's /search page gets a filter rail: Category, Content type, then Date Published radios. The theme draws the radios as a bordered card with a header bar, so they do not match the facet checkbox lists above them, and the facet lists are indented from their headings.

The header search bar also shows the browser's own clear button beside the bar's close button, and an autofill tint.

Steps to reproduce

  1. Install Educare with the search page from the related Educare issue.
  2. Open /search?keywords=research and compare Date Published with Content type.
  3. Open the header search and type in it.

Proposed resolution

  • Rules scoped to .block-views[class*='search-date-block']: no card chrome, radio rows laid out like the facet rows.
  • Facet checkbox lists line up with their headings.
  • No browser clear button or autofill tint in the header search bar.

Measured at 1440: facet and radio rows are both 27px high, with 18px boxes, a 9px gap and the same left edge.

Remaining tasks

  • ✅ File an issue
  • ✅ Addition/Change/Update/Fix
  • ✅ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support
  • ➖ User Guide Documentation support
  • ➖ UX/UI designer responsibilities
  • ✅ Accessibility and Readability
  • ❌ Reviewed by a human
  • ❌ Code review by maintainers
  • ❌ Full testing and approval
  • ❌ Credit contributors
  • ❌ Review with the product owner
  • ❌ Update Release Notes
  • ❌ Release

User interface changes

  • Date Published radios look like the facet lists. Screenshots are on the related Educare issue.

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Style the search page's Date Published radios like the facet lists, and tidy the header search bar.

AI-Generated: Yes. Prepared with an AI coding assistant and tested on a local Educare site, per the Drupal AI policy.

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

rajab natshah created an issue. See original summary.

rajab natshah’s picture

Status: Active » Needs review

  • rajab natshah committed 2f407ab0 on 1.0.x
    fix: #3631204 Search page: Date Published radios like the facet lists,...
rajab natshah’s picture

Status: Needs review » Fixed
Issue tags: +vartheme_bs5_educare-1.0.4

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.