https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=33772
Bug ID: 33772
Summary: Header search input no longer has an outline when
focused
Change sponsored?: ---
Product: Koha
Version: master
Hardware: All
OS: All
Status: NEW
Severity: trivial
Priority: P5 - low
Component: Staff interface
Assignee: [email protected]
Reporter: [email protected]
QA Contact: [email protected]
CC: [email protected]
Created attachment 151435
-->
https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=151435&action=edit
Comparison of header search pre and post 22.11
Prior to the staff interface redesign, the input box in the header search had a
black outline to indicate focus. This no longer appears post-redesign so it is
easy to miss when the input is in or out of focus.
This is also an accessibility concern:
https://developer.mozilla.org/en-US/docs/Web/CSS/:focus#accessibility_concerns
A possible workaround is to add an inset box-shadow:
#header_search .form-content:focus-within {
box-shadow: inset 0 0 0px 3px #ffc32b;
}
The attachment includes the before and after, as well as how the above css
looks.
--
You are receiving this mail because:
You are watching all bug changes.
You are the assignee for the bug.
_______________________________________________
Koha-bugs mailing list
[email protected]
https://lists.koha-community.org/cgi-bin/mailman/listinfo/koha-bugs
website : http://www.koha-community.org/
git : http://git.koha-community.org/
bugs : http://bugs.koha-community.org/
