From 8318cde691856c9af2a04e15ccee409018a9b7c0 Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Wed, 28 Aug 2024 18:28:57 +0000 Subject: [PATCH] Bug 37740: Fix saved SQL reports tab switching The tabs on the saved SQL report page are not really full tabs, they're just styled that way. There is only one tab "panel," and clicking each tab triggers a DataTable filter so that the tab only shows the relevant data. The problem with this setup is that when Bootstrap tries to "switch" tabs, it wants to hide the initial tab and then show the new one. There is no "new" one here. The attached patch solves this problem by adding a CSS rule to guided_reports_start.tt with higher specificity than our global CSS making the relevant tab pane visible at all times. To test, apply the patch and go to Reports -> Use saved. - If necessary, create multiple SQL reports and assign them to different report groups (Accounts, Acquisitions, Catalog, etc.). - Test that tab switching works: - The tab should be style as "active" after you click it. - The table of reports should be filtered to include only reports in the relevant report group. --- .../prog/en/modules/reports/guided_reports_start.tt | 3 +++ 1 file changed, 3 insertions(+) diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/reports/guided_reports_start.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/reports/guided_reports_start.tt index 3a4ca5778c..7c6ab5eb0a 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/modules/reports/guided_reports_start.tt +++ b/koha-tmpl/intranet-tmpl/prog/en/modules/reports/guided_reports_start.tt @@ -78,6 +78,9 @@ font-weight: bold; margin: 0; } + #tabs .tab-pane { + display: block; + } [% Asset.css("css/reports.css") | $raw %] [% Asset.css("lib/d3c3/c3.min.css") | $raw %] -- 2.39.2