gitea
/
Koha-clms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bug 40288: constrain patron brief info in patron sidebar to parent width 

The patron info in the patron / circ-menu sidebar is not constrained to
it's parent's width.  I found this with a very long email address, where
the ul grew to match the email address length, and the patron image
container also grew.  Both overflowed the sidebar.

Test plan:
1. find or make a patron with a very long email address (more tha 50
   characters).
2. open the patron details page for that patron.  Observe the patron
   image and patron details overflows the patron sidebar (the email
   address will be hidden under the contact information panel.
3. Apply patch and rebuild css files.  It may be necessary to clear the
   browser cache.
4. open the patron details page for that patron again.  Observe the
   patron image and details does not overflow the patron sidebar.

Signed-off-by: George <george@nekls.org>
Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Signed-off-by: Laura_Escamilla <laura.escamilla@bywatersolutions.com>
Signed-off-by: Wainui Witika-Park <wainuiwitikapark@catalyst.net.nz>
This commit is contained in:
Michael Hafen 2025-07-01 18:17:31 -06:00 committed by Wainui Witika-Park
parent bbff807136
commit b9be0ef1db
No known key found for this signature in database
GPG Key ID: 2D0A6AB5DAF1B78D
2 changed files with 1 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
View File

@ -1358,10 +1358,6 @@ dd {
}
.patroninfo-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: left;
margin-left: 1rem;
}

2
koha-tmpl/intranet-tmpl/prog/en/includes/circ-menu.inc
View File

@ -68,7 +68,7 @@
</div>
<!-- /.patronimage-container -->
[% END # /IF patronimages %]
<div>
<div class="patronbriefinfo-container">
<ul class="patronbriefinfo">
[% IF patron.pronouns %]
<li class="patronpronouns">([% patron.pronouns | html %])</li>