Bug 26189: Improve styling of datatables within fieldsets

Unset label width restriction: The label width restriction within
fieldsets causes issues for the datatables header. Unsetting it
explicitly here resolves the line wrapping issues :)

Reset margins for datatables found inside fieldsets such that the
datatable properly utilises the available space and restore the
default datatable label font weights.

Signed-off-by: Sally <sally.healey@cheshiresharedservices.gov.uk>

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>

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 e339309..64f79cd 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
+++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
@@ -898,6 +898,10 @@ fieldset {
             font-size: 105%;
             margin: 1em 0 1em 1em;
 
+            &.dataTable {
+                margin: 0;
+            }
+
             &.mceListBox {
                 margin: 0;
             }
@@ -921,6 +925,13 @@ fieldset {
             clear: both;
             padding-top: .5em;
         }
+
+        .dataTables_wrapper {
+            label {
+                font-weight: 400;
+                width: unset;
+            }
+        }
     }
 }
 

diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/pos/pay.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/pos/pay.tt
index 663c6d6..9cbb746 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/pos/pay.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/pos/pay.tt
@@ -271,7 +271,6 @@
             "bPaginate": false,
             "bFilter": false,
             "bInfo": false,
-            "bAutoWidth": false,
             "aoColumnDefs": [{
                 "aTargets": [-3],
                 "bSortable": false,
@@ -343,7 +342,7 @@
         var items_table = KohaTable("invoices", {
                "sPaginationType": "full",
                "aaSorting": [[ 0, "asc" ]],
-        }, items_columns_settings);
+        }, items_columns_settings, false);
 
         $(".add_button").on("click", function(e) {
             e.preventDefault();