Bug 38644

Summary: Breadcrumbs disappear when zoomed in
Product: Koha Reporter: Jake Deery <jake.deery>
Component: AccessibilityAssignee: Owen Leonard <oleonard>
Status: Pushed to main --- QA Contact: Martin Renvoize (ashimema) <martin.renvoize>
Severity: normal    
Priority: P5 - low CC: david, martin.renvoize, matt.blenkinsop, oleonard
Version: Main   
Hardware: All   
OS: All   
Change sponsored?: --- Patch complexity: Trivial patch
Documentation contact: Documentation submission:
Text to go in the release notes:
This fixes the display of breadcrumbs in the OPAC for smaller screen sizes - when the page was zoomed in or viewed on a mobile device, the breadcrumbs disappeared.
Version(s) released in:
25.05.00
Circulation function:
Attachments: Bug 38644: Remove CSS rule to hide breadcrumbs in mobile view
Bug 38644: Remove CSS rule to hide breadcrumbs in mobile view
Bug 38644: Remove CSS rule to hide breadcrumbs in mobile view

Description Jake Deery 2024-12-06 12:25:45 UTC
It has come to our attention, through an accessibility audit, that the breadcrumbs seem to disappear when the page is zoomed in / viewed on mobile. Owen and I don't seem to think this is a design choice, so we should probably look to resolving this.

Jake.
Comment 1 Jake Deery 2024-12-06 12:26:25 UTC
Correction: it looks like it is in our CSS, but it is probably bad design and should still be redressed
Comment 2 Jake Deery 2024-12-06 12:26:53 UTC
Mattermost thread: https://chat.koha-community.org/koha-community/pl/rxstizz19ir77be93bk1nwqx7y
Comment 3 Owen Leonard 2024-12-09 13:18:18 UTC
Created attachment 175309 [details] [review]
Bug 38644: Remove CSS rule to hide breadcrumbs in mobile view

I think the original intent was to simplify the mobile view and avoid
offering a menu that was a very small target, but those issues should be
addressed, if necessary, without compromising accessibility. This patch
removes the CSS rule which hides the breadcrumb menu when the screen is
less than 767 pixels wide.

To test, apply the patch and rebuild the OPAC CSS.

- Clear your browser cache if necessary.
- View any page in the OPAC which has a breadcrumbs menu.
- Resize your browser window until it is very narrow to confirm that the
  breadcrumb menu stays visible.

Sponsored-by: Athens County Public Libraries
Comment 4 David Nind 2024-12-09 19:29:27 UTC
Created attachment 175331 [details] [review]
Bug 38644: Remove CSS rule to hide breadcrumbs in mobile view

I think the original intent was to simplify the mobile view and avoid
offering a menu that was a very small target, but those issues should be
addressed, if necessary, without compromising accessibility. This patch
removes the CSS rule which hides the breadcrumb menu when the screen is
less than 767 pixels wide.

To test, apply the patch and rebuild the OPAC CSS.

- Clear your browser cache if necessary.
- View any page in the OPAC which has a breadcrumbs menu.
- Resize your browser window until it is very narrow to confirm that the
  breadcrumb menu stays visible.

Sponsored-by: Athens County Public Libraries
Signed-off-by: David Nind <david@davidnind.com>
Comment 5 Martin Renvoize (ashimema) 2024-12-16 19:04:30 UTC
Created attachment 175569 [details] [review]
Bug 38644: Remove CSS rule to hide breadcrumbs in mobile view

I think the original intent was to simplify the mobile view and avoid
offering a menu that was a very small target, but those issues should be
addressed, if necessary, without compromising accessibility. This patch
removes the CSS rule which hides the breadcrumb menu when the screen is
less than 767 pixels wide.

To test, apply the patch and rebuild the OPAC CSS.

- Clear your browser cache if necessary.
- View any page in the OPAC which has a breadcrumbs menu.
- Resize your browser window until it is very narrow to confirm that the
  breadcrumb menu stays visible.

Sponsored-by: Athens County Public Libraries
Signed-off-by: David Nind <david@davidnind.com>
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Comment 6 Katrin Fischer 2024-12-23 09:37:51 UTC
Pushed for 25.05!

Well done everyone, thank you!