https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=41250

--- Comment #2 from Martin Renvoize (ashimema) 
<[email protected]> ---
Created attachment 208736
  -->
https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=208736&action=edit
Bug 41250: [25.11] Fix horizontal scrollbar on staff home page

The hidden <h1> on the staff home page uses sr-only (Font Awesome 6),
which sets width: 1px without !important. Bootstrap 5's
.row > * { width: 100% } overrides it, so the heading becomes
full-width and offset by the gutter, which makes the page 9px wider
than the viewport and shows a horizontal scrollbar in Chromium-based
browsers.

Use Bootstrap 5's visually-hidden class instead, whose declarations are
!important.

This is not needed on main: Bug 42564 (Font Awesome 7 upgrade) replaced
sr-only with visually-hidden throughout the staff templates.

To test:
1. Open the staff home page (mainpage.pl) in a Chromium-based browser
   (Chrome, Edge).
2. Note the horizontal scrollbar at the bottom of the page.
3. Apply the patch and reload.
4. The horizontal scrollbar is gone.
5. Confirm the page looks otherwise unchanged and that the "Koha home"
   heading is still exposed to screen readers.

Co-Authored-By: Claude Sonnet 5.5 <[email protected]>

-- 
You are receiving this mail because:
You are watching all bug changes.
_______________________________________________
Koha-bugs mailing list -- [email protected]
To unsubscribe send an email to [email protected]
website : http://www.koha-community.org/
git : http://git.koha-community.org/
bugs : http://bugs.koha-community.org/

Reply via email to