From f5dad4521e8371913d84f19b2074899540bbd260 Mon Sep 17 00:00:00 2001 From: Martin Renvoize Date: Wed, 24 Feb 2021 16:21:58 +0000 Subject: [PATCH] Bug 27777: Set invoices table to fixed width This invoices table on the point of sale page should be set to `table-layout: fixed;` to prevent it from overflowing it's alloated fieldset. Test plan 1/ Play with various screen resolutions and zoom levels on the point of sale page (This is easily achieved with chrome developer tools and the 'device toolbar' options. 2/ Apply the patch and build the css from it. 3/ Play with the various screen resolutions again and this time note that the tables should not overflow their boundaries. 4/ Signoff --- .../intranet-tmpl/prog/css/src/staff-global.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss index 0d23da0944..7c1cb471a5 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss @@ -4365,6 +4365,20 @@ div .suggestion_note { } } +table #invoices { + table-layout: fixed; + td { + word-wrap: break-all; + } +} + +table #sale { + table-layout: fixed; + td { + word-wrap: break-all; + } +} + @media (min-width: 200px) { } -- 2.20.1