Bug 40222: Bootstrap popover components not updated for BS5

This patch corrects a couple of templates which include a Bootstrap
popover component, updating the data attributes which were missed during
the BS5 upgrade.

The patch also makes a minor change to CSS in order for the popover
heading to not have unwanted margins.

To test, apply the patch and rebuild the staff interface CSS.

- Perform a catalog search in the staff interface.
- Add one or more items to the cart.
- Open the cart and hover your cursor over the "Items" heading. A
  popover should be triggered with a message about item sorting.
- Go to Administration -> Circulation and Fine rules.
- Edit a rule to add content to the "Note" field.
- Save the rule and then hover your cursor over the "View note" text.
  The note you added should appear in a popover.

Sponsored-by: Athens County Public Libraries
Signed-off-by: David Flater <flaterdavid@gmail.com>
Signed-off-by: Emily Lamancusa <emily.lamancusa@montgomerycountymd.gov>
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
(cherry picked from commit eb1e00455e)
Signed-off-by: Paul Derscheid <paul.derscheid@lmscloud.de>
This commit is contained in:
Owen Leonard 2025-06-23 19:09:19 +00:00 committed by Paul Derscheid
parent 6976635df1
commit c0f86a7598
No known key found for this signature in database
GPG Key ID: C25F9FD44CED595B
3 changed files with 7 additions and 3 deletions

View File

@ -802,6 +802,10 @@ h2 {
h3 {
color: #696969;
&.popover-header {
margin: 0;
}
}
h4 {

View File

@ -259,7 +259,7 @@
</td>
<td>
[% IF note.defined && note != '' %]
<a id="viewnote" data-bs-toggle="popover" title="Note" data-content="[% note | html %]" data-bs-placement="top" data-trigger="hover">View note</a>
<a id="viewnote" data-bs-toggle="popover" title="Note" data-bs-content="[% note | html %]" data-bs-placement="top" data-bs-trigger="hover">View note</a>
[% ELSE %]
<span>&nbsp;</span>
[% END %]

View File

@ -274,11 +274,11 @@
<a
id="items-popover"
href="#"
data-trigger="hover"
data-bs-trigger="hover"
data-bs-toggle="popover"
data-bs-placement="top"
title="Item sorting"
data-content="Items are sorted by the highest or lowest callnumber in a group of items respectively."
data-bs-content="Items are sorted by the highest or lowest callnumber in a group of items respectively."
>Items</a
>
</th>