Created attachment 155279 [details] Example of problem at 605px To recreate: 1. Log in to the OPAC as a user with some checkouts, some holds, and some overdues. 2. Starting with a larger screensize ( 1385px or greater ) load the "Summary" page. ( opac-user.pl ) 3. Using your browser's mobile mode shrink the size of the screen to down to where columns start disappearing. As the disappear notice they are replaced with a button that has an '+' symbol. 4. Shrink the screen to 605px or less. 5. Notice the odd placement of the '+' button. 6. Reload the page with a screen size of 605px or less. There is no '+' the content is already expanded.
This bug is causing a lot of confusion for patrons. Hopefully this can be resolved quickly.
Created attachment 155557 [details] [review] Bug 34730: Add responsive behavior to more tables in the OPAC This patch adds responsiveness to several DataTables which were not updated in 32341. The patch removes the CSS-based responsive styling which was previously used for these tables. This patch also adds some additional configuration to the tables on the user home page so that the title column is always prioritized when DataTables collapses columns in narrow views. To test, apply the patch and rebuild the OPAC CSS. Ideally this should be tested with a user who has checkouts, overdues, holds, tags, and a checkout history. - Log in to the OPAC and test the user summary page. Check that each table adjusts well to narrow browser widths. In each case the column containing the title should never be hidden no matter how narrow the window: - Checkouts - Relatives' checkouts (requires that the user is a guarantor for a patron with checkouts and that the guarantee's account is set up to show checkouts to the guarantor). - Overdues - Holds - Article requests The new places the responsive DataTables extension is being used: - Checkout history - Suggestions - Tags (in the table of user-submitted tags) - Most popular Again, in each case the table should be responsive and the title column should be prioritized so that it doesn't get hidden at narrow page widths.
Created attachment 155566 [details] [review] Bug 34730: Add responsive behavior to more tables in the OPAC This patch adds responsiveness to several DataTables which were not updated in 32341. The patch removes the CSS-based responsive styling which was previously used for these tables. This patch also adds some additional configuration to the tables on the user home page so that the title column is always prioritized when DataTables collapses columns in narrow views. To test, apply the patch and rebuild the OPAC CSS. Ideally this should be tested with a user who has checkouts, overdues, holds, tags, and a checkout history. - Log in to the OPAC and test the user summary page. Check that each table adjusts well to narrow browser widths. In each case the column containing the title should never be hidden no matter how narrow the window: - Checkouts - Relatives' checkouts (requires that the user is a guarantor for a patron with checkouts and that the guarantee's account is set up to show checkouts to the guarantor). - Overdues - Holds - Article requests The new places the responsive DataTables extension is being used: - Checkout history - Suggestions - Tags (in the table of user-submitted tags) - Most popular Again, in each case the table should be responsive and the title column should be prioritized so that it doesn't get hidden at narrow page widths. Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
I like this, but it makes me wonder if we should take care somehow that the action columns like 'place hold' and 'renew' remain visible/are hidden last.
Created attachment 155909 [details] [review] Bug 34730: Add responsive behavior to more tables in the OPAC This patch adds responsiveness to several DataTables which were not updated in 32341. The patch removes the CSS-based responsive styling which was previously used for these tables. This patch also adds some additional configuration to the tables on the user home page so that the title column is always prioritized when DataTables collapses columns in narrow views. To test, apply the patch and rebuild the OPAC CSS. Ideally this should be tested with a user who has checkouts, overdues, holds, tags, and a checkout history. - Log in to the OPAC and test the user summary page. Check that each table adjusts well to narrow browser widths. In each case the column containing the title should never be hidden no matter how narrow the window: - Checkouts - Relatives' checkouts (requires that the user is a guarantor for a patron with checkouts and that the guarantee's account is set up to show checkouts to the guarantor). - Overdues - Holds - Article requests The new places the responsive DataTables extension is being used: - Checkout history - Suggestions - Tags (in the table of user-submitted tags) - Most popular Again, in each case the table should be responsive and the title column should be prioritized so that it doesn't get hidden at narrow page widths. Signed-off-by: Lucas Gass <lucas@bywatersolutions.com> Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Pushed to master for 23.11. Nice work everyone, thanks!
Pushed to 23.05.x for 23.05.04
Created attachment 156090 [details] [review] Bug 34730: Add responsive behavior to more tables in the OPAC This patch adds responsiveness to several DataTables which were not updated in 32341. The patch removes the CSS-based responsive styling which was previously used for these tables. This patch also adds some additional configuration to the tables on the user home page so that the title column is always prioritized when DataTables collapses columns in narrow views. To test, apply the patch and rebuild the OPAC CSS. Ideally this should be tested with a user who has checkouts, overdues, holds, tags, and a checkout history. - Log in to the OPAC and test the user summary page. Check that each table adjusts well to narrow browser widths. In each case the column containing the title should never be hidden no matter how narrow the window: - Checkouts - Relatives' checkouts (requires that the user is a guarantor for a patron with checkouts and that the guarantee's account is set up to show checkouts to the guarantor). - Overdues - Holds - Article requests The new places the responsive DataTables extension is being used: - Checkout history - Suggestions - Tags (in the table of user-submitted tags) - Most popular Again, in each case the table should be responsive and the title column should be prioritized so that it doesn't get hidden at narrow page widths. Signed-off-by: Lucas Gass <lucas@bywatersolutions.com> Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de> Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io> Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
Can this be back ported to 22.11?
Nice work everyone! Pushed to oldstable for 22.11.x