[Koha-bugs] [Bug 33773] New: Possible CSS adjustments for the header search usability improvement
bugzilla-daemon at bugs.koha-community.org
bugzilla-daemon at bugs.koha-community.org
Thu May 18 20:51:15 CEST 2023
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=33773
Bug ID: 33773
Summary: Possible CSS adjustments for the header search
usability improvement
Change sponsored?: ---
Product: Koha
Version: master
Hardware: All
OS: All
Status: NEW
Severity: enhancement
Priority: P5 - low
Component: Staff interface
Assignee: koha-bugs at lists.koha-community.org
Reporter: jrobb at sekls.org
QA Contact: testopia at bugs.koha-community.org
CC: gmcharlt at gmail.com
Created attachment 151437
-->
https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=151437&action=edit
Search header css adjustments
The header search post-redesign is a little claustrophobic. Some of my
libraries are staffed by people who struggle with mousing and keyboarding and
will have trouble with accidentally hitting top nav bar links when attempting
to click into the search input.
I've made some css tweaks on my system to give it a little more breathing room
and improve usability -- sharing in case others might find any of the changes
beneficial enough to make them standard.
The attached gif shows what the css below does.
#header_search {
padding: 0.6em;
}
#header_search .form-title {
background-color: #6FAF42;
padding: 0 16px;
border-radius: 16px;
}
#header_search .form-title label {
margin: 0 auto;
}
#header_search .nav-tabs>li>a {
padding: 0.3em 0.5em;
}
#header_search .nav-tabs>li.active a, #header_search .nav-tabs>li.active
a:hover {
cursor: default;
padding: 0.3em .5em;
border: 2px solid #7CBB51;
background-color: #7CBB51;
border-radius: 16px;
}
#header_search .nav-tabs>li>a:hover, #header_search .nav-tabs>li>a:focus {
background-color: #408540;
border: 2px solid #408540;
border-bottom-color: #6faf44;
padding: 0.3em .5em;
text-decoration: none;
}
--
You are receiving this mail because:
You are the assignee for the bug.
You are watching all bug changes.
More information about the Koha-bugs
mailing list