[Bug 33772] New: Header search input no longer has an outline when focused
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: koha-bugs@lists.koha-community.org Reporter: jrobb@sekls.org QA Contact: testopia@bugs.koha-community.org CC: gmcharlt@gmail.com 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_concer... 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.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=33772 George Williams (NEKLS) <george@nekls.org> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |george@nekls.org --- Comment #1 from George Williams (NEKLS) <george@nekls.org> --- I agree. Adding an outline when focused would be helpful. -- You are receiving this mail because: You are the assignee for the bug. You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=33772 Lucas Gass <lucas@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |lucas@bywatersolutions.com -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=33772 Barbara Johnson <barbara.johnson@bedfordtx.gov> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |barbara.johnson@bedfordtx.g | |ov --- Comment #2 from Barbara Johnson <barbara.johnson@bedfordtx.gov> --- Agreed - I think having the outline will reduce mistakes and increase efficiency for our staff. -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=33772 --- Comment #3 from Owen Leonard <oleonard@myacpl.org> --- Created attachment 151475 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=151475&action=edit Screenshot showing the area which could be styled Because of the underlying markup I don't think the proposed style could be achieved. This screenshot shows how it would be possible to add an outline style to the focused form field, with a border-radius added to help match the surrounding elements -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=33772 mspinney@clamsnet.org changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |mspinney@clamsnet.org -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=33772 --- Comment #4 from mspinney@clamsnet.org --- I agree it's an accessibility concern. Thanks for working on this Jason and to Owen for the proposed updates. -- You are receiving this mail because: You are the assignee for the bug. You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=33772 Christopher Brannon <cbrannon@cdalibrary.org> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |cbrannon@cdalibrary.org --- Comment #5 from Christopher Brannon <cbrannon@cdalibrary.org> --- +1 -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=33772 --- Comment #6 from Christopher Brannon <cbrannon@cdalibrary.org> --- I used Jason's CSS and it worked just fine. Not sure where the problem is Owen. Also, I changed the color to black, as the contrast is not as great with the yellow. -- You are receiving this mail because: You are the assignee for the bug. You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=33772 --- Comment #7 from Owen Leonard <oleonard@myacpl.org> --- (In reply to Christopher Brannon from comment #6)
Not sure where the problem is Owen.
Okay cool -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=33772 Emily Lamancusa <emily.lamancusa@montgomerycountymd.gov> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |emily.lamancusa@montgomeryc | |ountymd.gov --- Comment #8 from Emily Lamancusa <emily.lamancusa@montgomerycountymd.gov> --- Thanks for sharing this, Jason! I just added it to our installation and it looks great! -- You are receiving this mail because: You are the assignee for the bug. You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=33772 Michael Adamyk <madamyk@ckls.org> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |madamyk@ckls.org --- Comment #9 from Michael Adamyk <madamyk@ckls.org> --- Excellent, thanks for doing this Jason. -- You are receiving this mail because: You are the assignee for the bug. You are watching all bug changes.
participants (1)
-
bugzilla-daemon＠bugs.koha-community.org