[Bug 31248] New: Make checkout history table responsive for mobile
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Bug ID: 31248 Summary: Make checkout history table responsive for mobile Change sponsored?: --- Product: Koha Version: master Hardware: All OS: All Status: NEW Severity: enhancement Priority: P5 - low Component: OPAC Assignee: oleonard@myacpl.org Reporter: caroline.cyr-la-rose@inlibro.com QA Contact: testopia@bugs.koha-community.org Created attachment 138180 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=138180&action=edit Screenshot of checkout history in mobile view on Firefox The checkout history table on mobile is large and there doesn't seem to be a way to scroll right. When on mobile, the current checkouts are not in a table, maybe the same could be done with the checkout history? To test: 1) Make sure you have checkouts in your account 2) Log into the OPAC --> In 'Your summary' current checkouts are in a table 3) Go to 'You checkout history' --> Current and previous checkouts are in a table 4) Switch to mobile view (in Firefox, Ctrl + Shift + M) --> Checkout history is still in a table and the last column is not entirely visible (depending on the content of the columns, I suppose) 5) Go to 'Your summary' --> Current checkouts are presented in list form instead of a table -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Paul Derscheid <paul.derscheid@lmscloud.de> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |paul.derscheid@lmscloud.de --- Comment #1 from Paul Derscheid <paul.derscheid@lmscloud.de> --- I cannot reproduce this issue. Following your steps I'm able to scroll sideway with a trackpad (as this is a mobile view, scrolling with a touchscreen is possible). However I noticed that in the checkout history as well as in the summary the UI uses a table to display the data. So there's no list view for me. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 --- Comment #2 from Caroline Cyr La Rose <caroline.cyr-la-rose@inlibro.com> --- You're right, I think I was testing on 22.05 (I'm documenting 22.05 and I can get a bit confused when I have 20 million tabs open and all the OPACs look the same, lol) In my current master (22.06.00.021), the checkouts table is a table and I can scroll sideways, and the checkout history is the same. In 22.05 (I'm at 22.05.02.001), the checkouts are in a list and the checkout history is in a table and I am unable to scroll. So we seem to have lost the checkouts in a list since 22.05, but we gained the scrolling. I'm not sure if it was intentional? Personally, I like the list form better on mobile. Opinions? -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Owen Leonard <oleonard@myacpl.org> changed: What |Removed |Added ---------------------------------------------------------------------------- Severity|enhancement |normal Depends on| |30570 Status|NEW |ASSIGNED --- Comment #3 from Owen Leonard <oleonard@myacpl.org> --- Caused by Bug 30570 Referenced Bugs: https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30570 [Bug 30570] Replace the use of jQueryUI tabs in OPAC templates -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Owen Leonard <oleonard@myacpl.org> changed: What |Removed |Added ---------------------------------------------------------------------------- Summary|Make checkout history table |Fix responsive table style |responsive for mobile |in the OPAC after switch to | |Bootstrap tabs -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Bug 31248 depends on bug 30570, which changed state. Bug 30570 Summary: Replace the use of jQueryUI tabs in OPAC templates https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30570 What |Removed |Added ---------------------------------------------------------------------------- Status|Pushed to stable |RESOLVED Resolution|--- |FIXED -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Lucas Gass <lucas@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|ASSIGNED |Needs Signoff -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 --- Comment #4 from Lucas Gass <lucas@bywatersolutions.com> --- Created attachment 144869 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=144869&action=edit Bug 31248: Fix responsiveness of tables on OPAC summary page This patch adds back the responsive styles of the tables on the OPAC summary page. This includes all of the following tables that may appear: opac-user-checkouts opac-user-relative-issues opac-user-overdues opac-user-fines opac-user-relative-fines opac-user-clubs opac-user-holds opac-user-recalls opac-user-article-requests opac-user-overdrive opac-user-recordedbooks To test: 1) Make sure you have checkouts in your account 2) Log into the OPAC --> In 'Your summary' current checkouts are in a table 3) Go to 'You checkout history' --> Current and previous checkouts are in a table 4) Switch to mobile view (in Firefox, Ctrl + Shift + M) --> Checkout history is still in a table and the last column is not entirely visible (depending on the content of the columns, I suppose) 5) Go to 'Your summary' --> Current checkouts are presented in list form instead of a table 6) Apply patch and rebuild the OPAC CSS ( https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff... ) 7) Try the tables again, they should appear in a list form when the screen is smaller than 608px. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Lucas Gass <lucas@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |lucas@bywatersolutions.com 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=31248 David Nind <david@davidnind.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Needs Signoff |Signed Off -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 David Nind <david@davidnind.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #144869|0 |1 is obsolete| | --- Comment #5 from David Nind <david@davidnind.com> --- Created attachment 144899 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=144899&action=edit Bug 31248: Fix responsiveness of tables on OPAC summary page This patch adds back the responsive styles of the tables on the OPAC summary page. This includes all of the following tables that may appear: opac-user-checkouts opac-user-relative-issues opac-user-overdues opac-user-fines opac-user-relative-fines opac-user-clubs opac-user-holds opac-user-recalls opac-user-article-requests opac-user-overdrive opac-user-recordedbooks To test: 1) Make sure you have checkouts in your account 2) Log into the OPAC --> In 'Your summary' current checkouts are in a table 3) Go to 'You checkout history' --> Current and previous checkouts are in a table 4) Switch to mobile view (in Firefox, Ctrl + Shift + M) --> Checkout history is still in a table and the last column is not entirely visible (depending on the content of the columns, I suppose) 5) Go to 'Your summary' --> Current checkouts are presented in list form instead of a table 6) Apply patch and rebuild the OPAC CSS ( https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff... ) 7) Try the tables again, they should appear in a list form when the screen is smaller than 608px. Signed-off-by: David Nind <david@davidnind.com> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 David Nind <david@davidnind.com> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |david@davidnind.com --- Comment #6 from David Nind <david@davidnind.com> --- Should I log a separate bug for the 'Checkout history' view (and maybe any others that need changing)? This still shows for me as a table and not a list, but is scrollable. Ideally, it should be as consistent as possible, and I agree with Caroline that the list view is easier to read on a mobile. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 --- Comment #7 from Lucas Gass <lucas@bywatersolutions.com> --- Created attachment 145375 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=145375&action=edit Bug 31248: (follow-up) Add fix to checkout history page -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 --- Comment #8 from Lucas Gass <lucas@bywatersolutions.com> --- (In reply to David Nind from comment #6)
Should I log a separate bug for the 'Checkout history' view (and maybe any others that need changing)? This still shows for me as a table and not a list, but is scrollable.
Ideally, it should be as consistent as possible, and I agree with Caroline that the list view is easier to read on a mobile.
David, I provided a follow-up for the Checkout history table. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 ByWater Sandboxes <bws.sandboxes@gmail.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #144899|0 |1 is obsolete| | --- Comment #9 from ByWater Sandboxes <bws.sandboxes@gmail.com> --- Created attachment 145376 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=145376&action=edit Bug 31248: Fix responsiveness of tables on OPAC summary page This patch adds back the responsive styles of the tables on the OPAC summary page. This includes all of the following tables that may appear: opac-user-checkouts opac-user-relative-issues opac-user-overdues opac-user-fines opac-user-relative-fines opac-user-clubs opac-user-holds opac-user-recalls opac-user-article-requests opac-user-overdrive opac-user-recordedbooks To test: 1) Make sure you have checkouts in your account 2) Log into the OPAC --> In 'Your summary' current checkouts are in a table 3) Go to 'You checkout history' --> Current and previous checkouts are in a table 4) Switch to mobile view (in Firefox, Ctrl + Shift + M) --> Checkout history is still in a table and the last column is not entirely visible (depending on the content of the columns, I suppose) 5) Go to 'Your summary' --> Current checkouts are presented in list form instead of a table 6) Apply patch and rebuild the OPAC CSS ( https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff... ) 7) Try the tables again, they should appear in a list form when the screen is smaller than 608px. Signed-off-by: David Nind <david@davidnind.com> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 ByWater Sandboxes <bws.sandboxes@gmail.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #145375|0 |1 is obsolete| | --- Comment #10 from ByWater Sandboxes <bws.sandboxes@gmail.com> --- Created attachment 145377 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=145377&action=edit Bug 31248: (follow-up) Add fix to checkout history page Signed-off-by: Christopher Brannon <cbrannon@cdalibrary.org> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Christopher Brannon <cbrannon@cdalibrary.org> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |cbrannon@cdalibrary.org --- Comment #11 from Christopher Brannon <cbrannon@cdalibrary.org> --- Tested with 2nd patch. Everything looks good! -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Jonathan Druart <jonathan.druart+koha@gmail.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Signed Off |Passed QA -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Jonathan Druart <jonathan.druart+koha@gmail.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #145376|0 |1 is obsolete| | Attachment #145377|0 |1 is obsolete| | --- Comment #12 from Jonathan Druart <jonathan.druart+koha@gmail.com> --- Created attachment 147213 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=147213&action=edit Bug 31248: Fix responsiveness of tables on OPAC summary page This patch adds back the responsive styles of the tables on the OPAC summary page. This includes all of the following tables that may appear: opac-user-checkouts opac-user-relative-issues opac-user-overdues opac-user-fines opac-user-relative-fines opac-user-clubs opac-user-holds opac-user-recalls opac-user-article-requests opac-user-overdrive opac-user-recordedbooks To test: 1) Make sure you have checkouts in your account 2) Log into the OPAC --> In 'Your summary' current checkouts are in a table 3) Go to 'You checkout history' --> Current and previous checkouts are in a table 4) Switch to mobile view (in Firefox, Ctrl + Shift + M) --> Checkout history is still in a table and the last column is not entirely visible (depending on the content of the columns, I suppose) 5) Go to 'Your summary' --> Current checkouts are presented in list form instead of a table 6) Apply patch and rebuild the OPAC CSS ( https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff... ) 7) Try the tables again, they should appear in a list form when the screen is smaller than 608px. Signed-off-by: David Nind <david@davidnind.com> Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 --- Comment #13 from Jonathan Druart <jonathan.druart+koha@gmail.com> --- Created attachment 147214 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=147214&action=edit Bug 31248: (follow-up) Add fix to checkout history page Signed-off-by: Christopher Brannon <cbrannon@cdalibrary.org> Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Tomás Cohen Arazi <tomascohen@gmail.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Version(s)| |23.05.00 released in| | Status|Passed QA |Pushed to master -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 --- Comment #14 from Tomás Cohen Arazi <tomascohen@gmail.com> --- Pushed to master for 23.05. Nice work everyone, thanks! -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Matt Blenkinsop <matt.blenkinsop@ptfs-europe.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Pushed to master |Pushed to stable Version(s)|23.05.00 |23.05.00,22.11.04 released in| | -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 --- Comment #15 from Matt Blenkinsop <matt.blenkinsop@ptfs-europe.com> --- Nice work everyone! Pushed to stable for 22.11.x -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 --- Comment #16 from Christopher Brannon <cbrannon@cdalibrary.org> --- Seems like this one could be backported to 22.05? Yes/No? -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Lucas Gass <lucas@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Pushed to stable |Pushed to oldstable Version(s)|23.05.00,22.11.04 |23.05.00,22.11.04,22.05.11 released in| | --- Comment #17 from Lucas Gass <lucas@bywatersolutions.com> --- Backported to 22.05.x for upcoming 22.05.11. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Arthur Suzuki <arthur.suzuki@biblibre.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Pushed to oldstable |RESOLVED Resolution|--- |FIXED CC| |arthur.suzuki@biblibre.com --- Comment #18 from Arthur Suzuki <arthur.suzuki@biblibre.com> --- dependancy 30570 not met in 21.11, won't backport -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248 Fridolin Somers <fridolin.somers@biblibre.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Blocks| |34427 Referenced Bugs: https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=34427 [Bug 34427] Fix responsive table style in the OPAC for items tables -- You are receiving this mail because: You are watching all bug changes.
participants (1)
-
bugzilla-daemon＠bugs.koha-community.org