Bugzilla – Attachment 125276 Details for
Bug 28879
Display of metadata with long label names looks terrible
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Help
|
New Account
|
Log In
[x]
|
Forgot Password
Login:
[x]
[patch]
Bug 28879: Fix display of request metadata
Bug-28879-Fix-display-of-request-metadata.patch (text/plain), 3.40 KB, created by
Owen Leonard
on 2021-09-24 15:32:28 UTC
(
hide
)
Description:
Bug 28879: Fix display of request metadata
Filename:
MIME Type:
Creator:
Owen Leonard
Created:
2021-09-24 15:32:28 UTC
Size:
3.40 KB
patch
obsolete
>From 52d58e729fc517e05da6b74eff3b2dea17d326b6 Mon Sep 17 00:00:00 2001 >From: Andrew Isherwood <andrew.isherwood@ptfs-europe.com> >Date: Wed, 18 Aug 2021 15:07:54 +0100 >Subject: [PATCH] Bug 28879: Fix display of request metadata > >This commit adjusts the CSS surrounding the display of request >metadata, it improves the display for metadata with long key names. > >Test plan: > >- Do not apply patch >- Create a FreeForm ILL request with a custom metadata field with a long > name >- View the created request >- Observe that the long metadata name breaks the display of the metadata >- Apply the patch >- View the created request > => TEST: Observe that the display is no longer broken > >Signed-off-by: Owen Leonard <oleonard@myacpl.org> >--- > .../opac-tmpl/bootstrap/css/src/opac.scss | 33 +++++++++++++++++++ > .../bootstrap/en/modules/opac-illrequests.tt | 6 ++-- > 2 files changed, 36 insertions(+), 3 deletions(-) > >diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss >index c665cfea5d..9c18991917 100644 >--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss >+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss >@@ -2344,6 +2344,39 @@ nav { > display: block; > } > >+ div.rows span.label { >+ float: inherit; >+ width: inherit; >+ text-align: inherit; >+ margin-right: 0; >+ } >+ >+ #ill-supplier-metadata { >+ display: flex; >+ flex-flow: column nowrap; >+ flex: 1 1 auto; >+ } >+ >+ div[class^='requestattr-'] { >+ width: 100%; >+ display: flex; >+ flex-flow: row nowrap; >+ padding: 5px; >+ &:nth-of-type(even) { >+ background-color: #f2f2f2; >+ } >+ &:nth-of-type(odd) { >+ background-color: #ffffff; >+ } >+ } >+ >+ #ill-supplier-metadata > div > span { >+ display: flex; >+ flex-flow: row nowrap; >+ flex-grow: 1; >+ flex-basis: 0; >+ } >+ > } > > .ill_availability_sourcename { >diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-illrequests.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-illrequests.tt >index f119ef145e..e992ad3825 100644 >--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-illrequests.tt >+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-illrequests.tt >@@ -220,12 +220,12 @@ > </li> > </ol> > </fieldset> >- <div class="rows"> >+ <div id="ill-supplier-metadata" class="rows"> > <legend id="backend_legend">Details from [% request.backend | html %]</legend> > [% FOREACH meta IN request.metadata %] >- <div class="requestattr-[% meta.key | html %]"> >+ <div class="requestattr-[% meta.key | replace(' ', '_') | html %]"> > <span class="label">[% meta.key | html %]:</span> >- [% IF meta.value %][% meta.value | html %][% ELSE %]<span>N/A</span>[% END %] >+ <span class="value">[% IF meta.value %][% meta.value | html %][% ELSE %]N/A[% END %]</span> > </div> > [% END %] > </div> >-- >2.20.1
You cannot view the attachment while viewing its details because your browser does not support IFRAMEs.
View the attachment on a separate page
.
View Attachment As Diff
View Attachment As Raw
Actions:
View
|
Diff
|
Splinter Review
Attachments on
bug 28879
:
123961
|
125276
|
127164