Refactor home search #21

Merged
ro merged 6 commits from moiety/search into develop 2025-05-05 22:44:21 +02:00

6 commits

Author SHA1 Message Date
fed8748923
refactor: rework the search form with CSS Grid 2025-05-05 22:40:59 +02:00
04ac27ea04
fix: only transition form control colors
the blanket statement `all` causes some weird animations when resizing the page. setting this to only transition specific properties fixes this.
2025-05-05 22:40:59 +02:00
4dafad447d
fix: set accessible name for search button
also changes the CSS for the text transform
2025-05-05 22:40:59 +02:00
d165d0c2bd
feat: replace search icon with an SVG
this change allows us to use the font colour for the icon. it might also be nice to use a sprite.svg for all icons. this would use the same <use> mechanism as i did here.

this also optimises the SVG a bit
2025-05-05 22:40:59 +02:00
3e070676e4
feat: add accessible form element focus indicator
adds a focus indicator that passes the accessibility requirements WCAG 2.2: §1.4.11 & §2.4.7
2025-05-05 22:40:59 +02:00
c9c3b88f4d
style: apply editorconfig 2025-05-05 22:40:59 +02:00