Bug 38644 - Breadcrumbs disappear when zoomed in
Summary: Breadcrumbs disappear when zoomed in
Status: Pushed to main
Alias: None
Product: Koha
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Main
Hardware: All All
: P5 - low normal
Assignee: Owen Leonard
QA Contact: Martin Renvoize (ashimema)
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2024-12-06 12:25 UTC by Jake Deery
Modified: 2024-12-23 09:37 UTC (History)
4 users (show)

See Also:
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 (1.33 KB, patch)
2024-12-09 13:18 UTC, Owen Leonard
Details | Diff | Splinter Review
Bug 38644: Remove CSS rule to hide breadcrumbs in mobile view (1.38 KB, patch)
2024-12-09 19:29 UTC, David Nind
Details | Diff | Splinter Review
Bug 38644: Remove CSS rule to hide breadcrumbs in mobile view (1.44 KB, patch)
2024-12-16 19:04 UTC, Martin Renvoize (ashimema)
Details | Diff | Splinter Review

Note You need to log in before you can comment on or make changes to this bug.
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!