https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=41963
--- Comment #1 from Paul Derscheid <[email protected]> --- Created attachment 194340 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=194340&action=edit Bug 41963: Improve OPAC list view mobile responsiveness - On mobile devices, the OPAC virtual shelves/lists view has the toolbar and selections bar permanently expanded and sticky, consuming most of the viewport before any list content is visible - Per-item action buttons render as full-width block elements with 120% font size, taking more space than the content itself - Add collapsible toolbar on mobile (<=608px) with a toggle bar, collapsed by default so list content is visible immediately - Make per-item action buttons compact inline links instead of full-width block buttons on the shelves page - Scope all responsive overrides to #opac-userlists/#opac-lists body IDs to avoid side effects on other OPAC pages - Add aria-expanded and aria-controls for accessibility Test plan: - Go to the OPAC, create or open a list with several items - Resize the browser to a mobile viewport (<=608px) or use a phone - Observe the toolbar takes up most of the screen and cannot be collapsed, leaving little room for actual list content - Observe per-item action buttons are oversized full-width blocks - Apply patch - Run: yarn css:build - Run: koha-plack --reload kohadev - Reload the list page at the same mobile viewport - Verify the toolbar is now collapsed behind a "List actions" bar - Click the toggle to expand the toolbar, verify all actions are still accessible, click again to collapse - Verify per-item actions display as compact inline links - Resize to desktop width (>608px) and verify the toolbar displays normally with no toggle button visible - Verify aria-expanded attribute changes on toggle click -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug. _______________________________________________ Koha-bugs mailing list [email protected] https://lists.koha-community.org/cgi-bin/mailman/listinfo/koha-bugs website : http://www.koha-community.org/ git : http://git.koha-community.org/ bugs : http://bugs.koha-community.org/
