Attachment 108348 Details for Bug 25242 – Bug 25242: Improve column wrapping and overflow for tables

[patch] Bug 25242: Improve column wrapping and overflow for tables

Bug-25242-Improve-column-wrapping-and-overflow-for.patch (text/plain), 1.45 KB, created by Katrin Fischer on 2020-08-16 09:20:36 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: Katrin Fischer

Created: 2020-08-16 09:20:36 UTC

Size: 1.45 KB

patch

obsolete

>From c33a73404e2f055e96db2fa0ad37caf5529b3bca Mon Sep 17 00:00:00 2001
>From: Martin Renvoize <martin.renvoize@ptfs-europe.com>
>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
>
>Signed-off-by: Owen Leonard <oleonard@myacpl.org>
>
>Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
>---
> 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 ea5a396094..e59ab8d173 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.11.0

Actions: View | Diff | Splinter Review

Attachments on bug 25242: 107884 | 107897 | 108348 | 108438 | 108439 | 108574 | 109444 | 109654 | 109663 | 109994