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

Bug 39696: Set text-bg-info on badge 

With bootstrap 5, a 'badge' class should always be accompanied by a
text-bg-# class. This second class sets the badge color and an
appropriate forground text color to ensure appropriate contrast.

Steps to test:
1. Enable the ability to mark items as "Claimed Returned" by setting
   the ClaimReturnedLostValue system preference.
2. Check out an item to a patron, and backdate the due date so that it
   becomes overdue.
3. Navigate to: /cgi-bin/koha/circ/overdue.pl to view the overdue item.
4. Mark the item as "Claims Returned".
5. Observe the display: the claim return date text uses #fff (white),
   which is not visible on white table rows and has poor contrast on
   grey rows.
6. Apply the patch
7. Clear cache in browser and observe the display: the claim return date
   badge is now blue with black text.
8. Sign off and have an amazing day! :D

Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Signed-off-by: Martin Renvoize <martin.renvoize@openfifth.co.uk>
Signed-off-by: Katrin Fischer <katrin.fischer@bsz-bw.de>
This commit is contained in:
Martin Renvoize 2025-05-08 14:29:26 +01:00 committed by Katrin Fischer
parent 25432b5c7e
commit 2f4f34de0a
No known key found for this signature in database
GPG Key ID: 0EF6E2C03357A834
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
koha-tmpl/intranet-tmpl/prog/en/modules/circ/overdue.tt
View File

@ -148,7 +148,7 @@
[% IF Koha.Preference('ClaimReturnedLostValue') %]
<td>
[% IF ( overdueloo.return_claim_created_on ) %]
<span class="badge">[% overdueloo.return_claim_created_on | $KohaDates with_hours => 1 %]</span>
<span class="badge text-bg-info">[% overdueloo.return_claim_created_on | $KohaDates with_hours => 1 %]</span>
[% ELSE %]
<a class="btn btn-default btn-xs claim-returned-btn" data-itemnumber="[% overdueloo.itemnum | html %]"> <i class="fa fa-exclamation-circle"></i> Claim returned </a>
[% END %]