Our global staff client CSS should override more of Bootstrap's default label styling than it does at the moment. This is causing problems because part of the Bootstrap style is "white-space: nowrap" which prevents long text from wrapping. From the mailing list: "I’ve noticed that there’s a translation too long in french in catalogue/moredetail.pl so it’s unreadable. Cf image. Is there’s something to change in the code to allow a longer but clearer translation : Accession date -> Date d'entrée dans les collections" http://lists.koha-community.org/pipermail/koha-devel/2018-October/044845.html
Is the CSS that you proposed in the mailing list enough to fix this in a patch?
Thanks for this by the way :) I confirm that it works. In intranetUserCSS syspref: // To remove when the following bugzilla ticket will be finished and deployed // https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=21522 ol.bibliodetails li { clear: left; } .label { white-space: normal; border-radius: 0; text-align: left; line-height: inherit; }
Created attachment 82913 [details] new CSS fix The previous intranetUserCSS workaround was causing a minor issue. Here is a simpler one which doesn't cause the wrapped text to cross the delimiter of the next line. /* To remove when the following bugzilla ticket will be finished and deployed */ /* https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=21522 */ body#catalog_moredetail ol.bibliodetails span.label { width: 18em; }
@Oleonard: Is the visual result okay for you? (attached screenshot) If so, I can try to add that in Koha's CSS to submit a patch.
Still valid ?
This issue appears to have been fixed. The labels discussed in the original question are now wrapping correctly.