From 41ec6b22bed1e92b97e846ee510c628c3619fdc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Geelen=20=28sge=29?= <sge@odoo.com>
Date: Fri, 14 Jul 2023 14:03:24 +0200
Subject: [PATCH] [FIX] web: support column in report footer

Report body size was too narrow to render bootstrap .col as column,
the media query consider the report as a mobile view.
We unlock this limitation to let customer add column in the footer.

Task-3145445

X-original-commit: 3631e51e224e843cf6b6cd1da82592be4cb9397f
Part-of: odoo/odoo#136534
---
 .../src/webclient/actions/reports/report.scss | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/addons/web/static/src/webclient/actions/reports/report.scss b/addons/web/static/src/webclient/actions/reports/report.scss
index 48b2a4e02ab..0fbe1feb622 100644
--- a/addons/web/static/src/webclient/actions/reports/report.scss
+++ b/addons/web/static/src/webclient/actions/reports/report.scss
@@ -178,6 +178,31 @@ ul.o_checklist {
     -webkit-box-flex: 1 !important;
 }
 
+// Report footer need to support bootstrap columns (2, 3 and 4 columns)
+// Even if the width is smaller than the media querry limit from bootstrap.
+// This need come from the footer being editable via the Odoo editor.
+
+.footer {
+    .row {
+        -webkit-box-flex: 1 !important;
+    }
+    .col-lg-3 {
+        flex: 0 0 auto;
+        -webkit-box-flex: 1 !important;
+        width: 25%;
+    }
+    .col-lg-4 {
+        flex: 0 0 auto;
+        -webkit-box-flex: 1 !important;
+        width: 33.33333333%;
+    }
+    .col-lg-6 {
+        flex: 0 0 auto;
+        -webkit-box-flex: 1 !important;
+        width: 50%;
+    }
+}
+
 // Boostrap 5 introduces variable paddings for container which wkhtmltopdf doesn't seem to process, so we restore Boostrap 4's paddings for PDFs
 .container {
     padding-right: $container-padding-x;