[Bug 40060] New: Update structure of popup windows in the OPAC
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 Bug ID: 40060 Summary: Update structure of popup windows in the OPAC Change sponsored?: --- Product: Koha Version: Main Hardware: All OS: All Status: NEW Severity: enhancement Priority: P5 - low Component: OPAC Assignee: oleonard@myacpl.org Reporter: oleonard@myacpl.org QA Contact: testopia@bugs.koha-community.org Created attachment 182923 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=182923&action=edit Screenshot showing the proposed change I propose to update popup windows in the OPAC so that the main heading of the page is in a fixed navbar at the top of the window, along with an "X" to close the window (similar to Bootstrap modals). -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 --- Comment #1 from Owen Leonard <oleonard@myacpl.org> --- Created attachment 183138 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=183138&action=edit Bug 40060: Update structure of popup windows in the OPAC This patch updates templates for OPAC popup windows to add a fixed "navbar" element at the top of the window with the main heading at an "X" button which closes the window. To test, apply the patch and rebuild the OPAC CSS. On each page, test that the pop-up window looks correct. Confirm that the "X" in the upper right works to close the window. - Clear your browser cache if necessary. - Make sure the opacbookbag, virtualshelves, and OPACComments system preferences are enabled. - Log in to the OPAC and perform a catalog search which will return multiple results. - Select multiple results and choose Add to list -> New list. - Test Add to list -> More lists - Test Add to list -> (existing list) - View the contents of a list. - Click "Send list" and test the process of sending a list. - Return to your catalog search results and add multiple items to the cart. - View the cart - Test the "Send" option - With the OPACComments system preferenc enabled, view the detail page for a bibliographic record. - Under the comments tab, click "Post your comments..." Sponsored-by: Athens County Public Libraries -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 Owen Leonard <oleonard@myacpl.org> 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=40060 Owen Leonard <oleonard@myacpl.org> changed: What |Removed |Added ---------------------------------------------------------------------------- Patch complexity|--- |Small patch -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 Owen Leonard <oleonard@myacpl.org> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #183138|0 |1 is obsolete| | --- Comment #2 from Owen Leonard <oleonard@myacpl.org> --- Created attachment 183474 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=183474&action=edit Bug 40060: Update structure of popup windows in the OPAC This patch updates templates for OPAC popup windows to add a fixed "navbar" element at the top of the window with the main heading at an "X" button which closes the window. To test, apply the patch and rebuild the OPAC CSS. On each page, test that the pop-up window looks correct. Confirm that the "X" in the upper right works to close the window. - Clear your browser cache if necessary. - Make sure the opacbookbag, virtualshelves, and OPACComments system preferences are enabled. - Log in to the OPAC and perform a catalog search which will return multiple results. - Select multiple results and choose Add to list -> New list. - Test Add to list -> More lists - Test Add to list -> (existing list) - View the contents of a list. - Click "Send list" and test the process of sending a list. - Return to your catalog search results and add multiple items to the cart. - View the cart - Test the "Send" option - With the OPACComments system preferenc enabled, view the detail page for a bibliographic record. - Under the comments tab, click "Post your comments..." Sponsored-by: Athens County Public Libraries -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 Owen Leonard <oleonard@myacpl.org> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #183474|0 |1 is obsolete| | --- Comment #3 from Owen Leonard <oleonard@myacpl.org> --- Created attachment 183475 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=183475&action=edit Bug 40060: Update structure of popup windows in the OPAC This patch updates templates for OPAC popup windows to add a fixed "navbar" element at the top of the window with the main heading at an "X" button which closes the window. To test, apply the patch and rebuild the OPAC CSS. On each page, test that the pop-up window looks correct. Confirm that the "X" in the upper right works to close the window. - Clear your browser cache if necessary. - Make sure the opacbookbag, virtualshelves, and OPACComments system preferences are enabled. - Log in to the OPAC and perform a catalog search which will return multiple results. - Select multiple results and choose Add to list -> New list. - Test Add to list -> More lists - Test Add to list -> (existing list) - View the contents of a list. - Click "Send list" and test the process of sending a list. - Return to your catalog search results and add multiple items to the cart. - View the cart - Test the "Send" option - With the OPACComments system preferenc enabled, view the detail page for a bibliographic record. - Under the comments tab, click "Post your comments..." Sponsored-by: Athens County Public Libraries -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 Owen Leonard <oleonard@myacpl.org> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #183475|0 |1 is obsolete| | --- Comment #4 from Owen Leonard <oleonard@myacpl.org> --- Created attachment 184454 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=184454&action=edit Bug 40060: Update structure of popup windows in the OPAC This patch updates templates for OPAC popup windows to add a fixed "navbar" element at the top of the window with the main heading at an "X" button which closes the window. To test, apply the patch and rebuild the OPAC CSS. On each page, test that the pop-up window looks correct. Confirm that the "X" in the upper right works to close the window. - Clear your browser cache if necessary. - Make sure the opacbookbag, virtualshelves, and OPACComments system preferences are enabled. - Log in to the OPAC and perform a catalog search which will return multiple results. - Select multiple results and choose Add to list -> New list. - Test Add to list -> More lists - Test Add to list -> (existing list) - View the contents of a list. - Click "Send list" and test the process of sending a list. - Return to your catalog search results and add multiple items to the cart. - View the cart - Test the "Send" option - With the OPACComments system preferenc enabled, view the detail page for a bibliographic record. - Under the comments tab, click "Post your comments..." Sponsored-by: Athens County Public Libraries -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 Owen Leonard <oleonard@myacpl.org> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #184454|0 |1 is obsolete| | --- Comment #5 from Owen Leonard <oleonard@myacpl.org> --- Created attachment 184942 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=184942&action=edit Bug 40060: Update structure of popup windows in the OPAC This patch updates templates for OPAC popup windows to add a fixed "navbar" element at the top of the window with the main heading at an "X" button which closes the window. To test, apply the patch and rebuild the OPAC CSS. On each page, test that the pop-up window looks correct. Confirm that the "X" in the upper right works to close the window. - Clear your browser cache if necessary. - Make sure the opacbookbag, virtualshelves, and OPACComments system preferences are enabled. - Log in to the OPAC and perform a catalog search which will return multiple results. - Select multiple results and choose Add to list -> New list. - Test Add to list -> More lists - Test Add to list -> (existing list) - View the contents of a list. - Click "Send list" and test the process of sending a list. - Return to your catalog search results and add multiple items to the cart. - View the cart - Test the "Send" option - With the OPACComments system preferenc enabled, view the detail page for a bibliographic record. - Under the comments tab, click "Post your comments..." Sponsored-by: Athens County Public Libraries -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 Ludovic <ludovic.julien@inLibro.com> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |ludovic.julien@inLibro.com Status|Needs Signoff |Patch doesn't apply --- Comment #6 from Ludovic <ludovic.julien@inLibro.com> --- Thanks for the patch! I tested it and overall it's a great improvement in terms of user experience, the addition of the fixed navbar and the "X" close button really modernizes the popups. That said, I noticed a few layout issues that need to be addressed before we can move forward: - Comments popup: The h1 and h2 elements are overlapping, making the header unreadable. The fixed navbar may be interfering with the default layout. - Cart popup: Visually this one works very well — the "X" button is intuitive and UI-friendly. However, the lack of top padding makes the content feel a bit cramped. It would be ideal to restore or add some padding/margin above the content. - "Add to a new list" popup: I really like the addition of the "X" and the improved styling of the <select> element — it’s much cleaner. However, just like in the comments popup, the h1 and the <ul> list of options are overlapping. - I believe that with a few adjustments to spacing and header placement, this patch will be a solid step forward for OPAC usability. Keep up the great work! Looking forward to the next version of the patch -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 Lin Wei <lin-wei.li@inLibro.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Patch doesn't apply |Signed Off -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 Lin Wei <lin-wei.li@inLibro.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #184942|0 |1 is obsolete| | --- Comment #7 from Lin Wei <lin-wei.li@inLibro.com> --- Created attachment 186228 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=186228&action=edit Bug 40060: Update structure of popup windows in the OPAC This patch updates templates for OPAC popup windows to add a fixed "navbar" element at the top of the window with the main heading at an "X" button which closes the window. To test, apply the patch and rebuild the OPAC CSS. On each page, test that the pop-up window looks correct. Confirm that the "X" in the upper right works to close the window. - Clear your browser cache if necessary. - Make sure the opacbookbag, virtualshelves, and OPACComments system preferences are enabled. - Log in to the OPAC and perform a catalog search which will return multiple results. - Select multiple results and choose Add to list -> New list. - Test Add to list -> More lists - Test Add to list -> (existing list) - View the contents of a list. - Click "Send list" and test the process of sending a list. - Return to your catalog search results and add multiple items to the cart. - View the cart - Test the "Send" option - With the OPACComments system preferenc enabled, view the detail page for a bibliographic record. - Under the comments tab, click "Post your comments..." Sponsored-by: Athens County Public Libraries Signed-off-by: Ludovic Julien <ludovic.julien@inLibro.com> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 --- Comment #8 from Ludovic <ludovic.julien@inLibro.com> --- Just a quick follow-up to my previous comment: It turns out my OPAC build had failed, so the UI didn’t load properly when I tested the patch. I didn't notice at the time and posted my feedback too early... sorry about that! Now that I've rebuilt everything correctly, I can really appreciate the improvements. The updated UI is a big step forward, the fixed header with the close button greatly improves usability, and the overall user experience is much smoother and more modern. Great job on this — UX enhancements like this make a real difference! Looking forward to seeing it move forward. :) -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 Kyle M Hall (khall) <kyle@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #186228|0 |1 is obsolete| | --- Comment #9 from Kyle M Hall (khall) <kyle@bywatersolutions.com> --- Created attachment 191068 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=191068&action=edit Bug 40060: Update structure of popup windows in the OPAC This patch updates templates for OPAC popup windows to add a fixed "navbar" element at the top of the window with the main heading at an "X" button which closes the window. To test, apply the patch and rebuild the OPAC CSS. On each page, test that the pop-up window looks correct. Confirm that the "X" in the upper right works to close the window. - Clear your browser cache if necessary. - Make sure the opacbookbag, virtualshelves, and OPACComments system preferences are enabled. - Log in to the OPAC and perform a catalog search which will return multiple results. - Select multiple results and choose Add to list -> New list. - Test Add to list -> More lists - Test Add to list -> (existing list) - View the contents of a list. - Click "Send list" and test the process of sending a list. - Return to your catalog search results and add multiple items to the cart. - View the cart - Test the "Send" option - With the OPACComments system preferenc enabled, view the detail page for a bibliographic record. - Under the comments tab, click "Post your comments..." Sponsored-by: Athens County Public Libraries Signed-off-by: Ludovic Julien <ludovic.julien@inLibro.com> Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 Kyle M Hall (khall) <kyle@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Signed Off |Passed QA CC| |kyle@bywatersolutions.com -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 Lucas Gass (lukeg) <lucas@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |lucas@bywatersolutions.com Keywords| |release-notes-needed -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 David Cook <dcook@prosentient.com.au> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |dcook@prosentient.com.au -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 Lucas Gass (lukeg) <lucas@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Version(s)| |26.05.00 released in| | Status|Passed QA |Pushed to main -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 --- Comment #10 from Lucas Gass (lukeg) <lucas@bywatersolutions.com> --- Nice work everyone! Pushed to main for 26.05 -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40060 Jacob O'Mara <jacob.omara@openfifth.co.uk> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Pushed to main |Needs documenting --- Comment #11 from Jacob O'Mara <jacob.omara@openfifth.co.uk> --- This will not be backported to 25.11.x due to it being deemed an enhancement or a dependancy not being met -- You are receiving this mail because: You are watching all bug changes.
participants (1)
-
bugzilla-daemon@bugs.koha-community.org