Bug 36454: (follow-up) Tweak CSS and add restricted status output
This patch makes some tweaks to the style of the new information: We can use the Bootstrap 5 "badge" class and "warning" style to get the appearance we want. This patch also adds output of the patron's restricted status if present. To test, apply the patch and rebuild the staff interface CSS. Perform a patron search (from the checkout header search form for instance) and confirm that a "restricted" badge appears alongside the branch and expired badge. Signed-off-by: Pedro Amorim <pedro.amorim@ptfs-europe.com> Signed-off-by: Lucas Gass <lucas@bywatersolutions.com> Signed-off-by: Katrin Fischer <katrin.fischer@bsz-bw.de>
This commit is contained in:
parent
6e36604d49
commit
a0cfdccebe
|
|
@ -2781,6 +2781,10 @@ td.bundle {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.badge {
|
||||
font-size: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-autocomplete-loading {
|
||||
|
|
@ -4337,11 +4341,8 @@ div .suggestion_note {
|
|||
|
||||
.ac-library {
|
||||
background-color: #EEE !important;
|
||||
border-radius: 4px;
|
||||
font-weight: normal;
|
||||
color: #000;
|
||||
display: inline-block;
|
||||
font-size: 80%;
|
||||
padding: 1px 4px !important;
|
||||
}
|
||||
|
||||
.ac-currentlibrary {
|
||||
|
|
@ -4351,6 +4352,10 @@ div .suggestion_note {
|
|||
}
|
||||
}
|
||||
|
||||
.badge + .badge {
|
||||
margin-left: .3rem;
|
||||
}
|
||||
|
||||
.currentlibrary {
|
||||
background-color: #E6FCB7 !important;
|
||||
display: inline-block;
|
||||
|
|
|
|||
|
|
@ -705,7 +705,7 @@ function patron_autocomplete(node, options) {
|
|||
" " +
|
||||
(item.other_name ? "(" + item.other_name.escapeHtml() + ")" : "") +
|
||||
cardnumber.escapeHtml() +
|
||||
" <small>" +
|
||||
" " +
|
||||
(item.date_of_birth
|
||||
? $date(item.date_of_birth) +
|
||||
'<span class="age_years"> (' +
|
||||
|
|
@ -721,15 +721,19 @@ function patron_autocomplete(node, options) {
|
|||
}) +
|
||||
" " +
|
||||
(!singleBranchMode
|
||||
? '<span class="ac-library">' +
|
||||
? '<span class="badge ac-library">' +
|
||||
item.library.name.escapeHtml() +
|
||||
"</span>"
|
||||
: "") +
|
||||
"</small>" +
|
||||
(expired
|
||||
? '<small><span class="circ-hlt">' +
|
||||
__("expired") +
|
||||
"</span></small>"
|
||||
? '<span class="badge text-bg-warning">' +
|
||||
__("Expired") +
|
||||
"</span>"
|
||||
: "") +
|
||||
(item.restricted
|
||||
? '<span class="badge text-bg-danger">' +
|
||||
__("Restricted") +
|
||||
"</span>"
|
||||
: "") +
|
||||
"</a>"
|
||||
)
|
||||
|
|
|
|||
Loading…
Reference in New Issue