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: koha-bugs@lists.koha-community.org Reporter: michael.hafen@washk12.org QA Contact: testopia@bugs.koha-community.org CC: gmcharlt@gmail.com 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.