[Bug 30179] New: Make OPAC moresearches menu more responsive
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30179 Bug ID: 30179 Summary: Make OPAC moresearches menu more responsive Change sponsored?: --- Product: Koha Version: master Hardware: All OS: All Status: NEW Severity: enhancement Priority: P5 - low Component: OPAC Assignee: oleonard@myacpl.org Reporter: lucas@bywatersolutions.com QA Contact: testopia@bugs.koha-community.org When you have many links on the moresearches navigation bar it can look a bit cluttered at smaller screen sizes. For many OPAC's I have been adding a custom "hambugerized" menu. I'm curious if anyone thinks that would be a good addition to Koha. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30179 Lucas Gass <lucas@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|NEW |Needs Signoff -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30179 --- Comment #1 from Lucas Gass <lucas@bywatersolutions.com> --- Created attachment 131095 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=131095&action=edit Bug 30179: Add mobile friendly moresearches navbar To test: 1. Apply patch 2. Regenerate CSS ( https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff... ) 3. Make sure you have links on the moresearches bar. You can turn on course reserves, tag cloud, OPAC authorities, and add <li> elements to OPACMOreSearches ( via HTML customizations ) 4. Now look at the OPAC on a fairly large screen, more than 800px. Everything should look the same 5. Make your screen smaller than 800px and notice the original moresearches navbar dissappears. 6. Also notice the 3 bar icon now appearing in the top left, underneath Log in to my account 7. Click the icon to open the mobile moresearch navbar, it should contain all the same links in the original moresearch navbar 8. Try adding and removing things more the moresearches navbar and make sure the mobile navbar links are consistent with the orginal one. 9. Check as many OPAC pages as possible to make sure it looks and works good. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30179 Lucas Gass <lucas@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Assignee|oleonard@myacpl.org |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=30179 ByWater Sandboxes <bws.sandboxes@gmail.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #131095|0 |1 is obsolete| | --- Comment #2 from ByWater Sandboxes <bws.sandboxes@gmail.com> --- Created attachment 131124 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=131124&action=edit Bug 30179: Add mobile friendly moresearches navbar To test: 1. Apply patch 2. Regenerate CSS ( https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff... ) 3. Make sure you have links on the moresearches bar. You can turn on course reserves, tag cloud, OPAC authorities, and add <li> elements to OPACMOreSearches ( via HTML customizations ) 4. Now look at the OPAC on a fairly large screen, more than 800px. Everything should look the same 5. Make your screen smaller than 800px and notice the original moresearches navbar dissappears. 6. Also notice the 3 bar icon now appearing in the top left, underneath Log in to my account 7. Click the icon to open the mobile moresearch navbar, it should contain all the same links in the original moresearch navbar 8. Try adding and removing things more the moresearches navbar and make sure the mobile navbar links are consistent with the orginal one. 9. Check as many OPAC pages as possible to make sure it looks and works good. Signed-off-by: Barbara Johnson <barbara.johnson@bedfordtx.gov> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30179 ByWater Sandboxes <bws.sandboxes@gmail.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #131124|0 |1 is obsolete| | --- Comment #3 from ByWater Sandboxes <bws.sandboxes@gmail.com> --- Created attachment 131125 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=131125&action=edit Bug 30179: Add mobile friendly moresearches navbar To test: 1. Apply patch 2. Regenerate CSS ( https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff... ) 3. Make sure you have links on the moresearches bar. You can turn on course reserves, tag cloud, OPAC authorities, and add <li> elements to OPACMOreSearches ( via HTML customizations ) 4. Now look at the OPAC on a fairly large screen, more than 800px. Everything should look the same 5. Make your screen smaller than 800px and notice the original moresearches navbar dissappears. 6. Also notice the 3 bar icon now appearing in the top left, underneath Log in to my account 7. Click the icon to open the mobile moresearch navbar, it should contain all the same links in the original moresearch navbar 8. Try adding and removing things more the moresearches navbar and make sure the mobile navbar links are consistent with the orginal one. 9. Check as many OPAC pages as possible to make sure it looks and works good. Signed-off-by: Barbara Johnson <barbara.johnson@bedfordtx.gov> Signed-off-by: Barbara Johnson <barbara.johnson@bedfordtx.gov> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30179 Barbara Johnson <barbara.johnson@bedfordtx.gov> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Needs Signoff |Signed Off CC| |barbara.johnson@bedfordtx.g | |ov --- Comment #4 from Barbara Johnson <barbara.johnson@bedfordtx.gov> --- Worked great. Nice feature for smaller screens. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30179 Lucas Gass <lucas@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #131125|0 |1 is obsolete| | --- Comment #5 from Lucas Gass <lucas@bywatersolutions.com> --- Created attachment 131133 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=131133&action=edit Bug 30179: Add mobile friendly moresearches navbar To test: 1. Apply patch 2. Regenerate CSS ( https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff... ) 3. Make sure you have links on the moresearches bar. You can turn on course reserves, tag cloud, OPAC authorities, and add <li> elements to OPACMOreSearches ( via HTML customizations ) 4. Now look at the OPAC on a fairly large screen, more than 800px. Everything should look the same 5. Make your screen smaller than 800px and notice the original moresearches navbar dissappears. 6. Also notice the 3 bar icon now appearing in the top left, underneath Log in to my account 7. Click the icon to open the mobile moresearch navbar, it should contain all the same links in the original moresearch navbar 8. Try adding and removing things more the moresearches navbar and make sure the mobile navbar links are consistent with the orginal one. 9. Check as many OPAC pages as possible to make sure it looks and works good. Signed-off-by: Barbara Johnson <barbara.johnson@bedfordtx.gov> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30179 Lucas Gass <lucas@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Signed Off |Failed QA -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30179 --- Comment #6 from Katrin Fischer <katrin.fischer@bsz-bw.de> --- Hi Lucas, is something wrong with the patch? -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30179 --- Comment #7 from Lucas Gass <lucas@bywatersolutions.com> --- (In reply to Katrin Fischer from comment #6)
Hi Lucas, is something wrong with the patch?
Yes! Sorry, I meant to update. I realized, after looking again, this doesn't work good from an accessibility standpoint. The responsive menu cannot be navigated with well with a screen reader to tabbed through easily. I will work on a follow-up ASAP. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30179 --- Comment #8 from Katrin Fischer <katrin.fischer@bsz-bw.de> --- Thx for clarifying and great to hear about your testing for accessibility! -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30179 Lucas Gass (lukeg) <lucas@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Assignee|lucas@bywatersolutions.com |oleonard@myacpl.org -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30179 --- Comment #9 from Owen Leonard <oleonard@myacpl.org> --- Created attachment 195328 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=195328&action=edit Bug 30179: [WIP] Make OPAC moresearches menu more responsive This patch implements a Bootstrap navbar with collapse feature enabled. -- You are receiving this mail because: You are watching all bug changes.
participants (1)
-
bugzilla-daemon＠bugs.koha-community.org