From c1a5ea3b89042f855518f1bae00ebf8f52b174de Mon Sep 17 00:00:00 2001 From: Martin Renvoize Date: Thu, 6 Aug 2020 13:29:54 +0100 Subject: [PATCH] Bug 25242: Improve column wrapping and overflow for tables This patch attempts to improve the column wrapping and prevent datatabels from overlapping with other content on high zoom levels/low width screen sizes. Test plan 1/ Build the OPAC CSS from the updated SCSS 2/ Navigate to various tables in the OPAC (Holds table is a good one) and 'play' with various window sizes and zoom levels. 3/ The table should not overlap with right navigation content 4/ Signoff --- koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss index cf255ffec3..a9e331170f 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss +++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss @@ -221,11 +221,14 @@ legend { table { font-size: 90%; + table-layout: fixed; } table, td { background-color: #FFF; + word-wrap: break-all; + word-wrap: break-word; } tr { @@ -255,6 +258,8 @@ td { th { background-color: #E2E8E8; + word-wrap: break-all; + word-wrap: break-word; &.sum { text-align: right; -- 2.20.1