https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=40288
Bug ID: 40288
Summary: patron details in patron sidebar overflow the sidebar
Change sponsored?: ---
Product: Koha
Version: 25.05
Hardware: All
OS: All
Status: NEW
Severity: enhancement
Priority: P5 - low
Component: Staff interface
Assignee: [email protected]
Reporter: [email protected]
QA Contact: [email protected]
CC: [email protected]
I have an account with an excessively long mail address on a dev instance of
Koha. On the patron / circ-menu sidebar I can see the patronbriefinfo ul
overflowing the sidebar, and taking the patron image with it as it's width
matches the ul.
I suspect this is because of the flex-wrap setting on the patroninfo-container
div ancestor, or at least when I temporarily disabled that the ul stopped
overflowing. The email li is supposed to hide the overflow, but the ul width
expanding with it's contents means it doesn't have the chance to do that.
To constrain the ul I added "width:inherit" to it's parent div. I also had to
add a "max-width" so that the ul wouldn't take up the whole width; thus
allowing it to render beside the patron image when possible, instead of always
ending up under it.
I'm not sure if this is the best solution, but it's one that I found to work.
I tried setting the width and max-width on the ul, but that still didn't
constrain it to it's parent's width.
I'm using Firefox with the browser window at around 1435px width, with an email
address of 53 characters. I also observed this ul overflowing in Chrome.
I'll attach a patch which adds a "patronbriefinfo-container" class to the div,
and adds that class to the staff-global.scss file. This is the first time I've
edited a scss file, so I may have made some mistake there.
--
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/
