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
- Install Educare with the search page from the related Educare issue.
- Open
/search?keywords=researchand compare Date Published with Content type. - 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.
Issue fork vartheme_bs5_educare-3631204
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
Comment #3
rajab natshahComment #5
rajab natshah✅ Released vartheme_bs5_educare-1.0.4