From c741f6e48cf0a79e8b479df02baaf751394f1954 Mon Sep 17 00:00:00 2001
From: Romeo Fragomeli <rfr@odoo.com>
Date: Tue, 21 Jun 2022 14:16:58 +0000
Subject: [PATCH] [REF] web: add responsive width/height classes utilities

This allows media queries in width/height classes.
This behavior was supported in BS4 but has been deleted in BS5.

e.g. w-md-75 (in Leaderboard eLearning)

Task ID: 2766483

Part-of: odoo/odoo#95450
---
 .../static/src/libs/bootstrap/utilities_custom.scss  | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/addons/web/static/src/libs/bootstrap/utilities_custom.scss b/addons/web/static/src/libs/bootstrap/utilities_custom.scss
index 4a39343ba52..0103d2cb8d8 100644
--- a/addons/web/static/src/libs/bootstrap/utilities_custom.scss
+++ b/addons/web/static/src/libs/bootstrap/utilities_custom.scss
@@ -50,6 +50,18 @@ $utilities: map-merge(
             class: rounded-start,
             values: $rounded-sizes,
         ),
+        "width": map-merge(
+            map-get($utilities, "width"),
+            (
+                responsive: true,
+            ),
+        ),
+        "height": map-merge(
+            map-get($utilities, "height"),
+            (
+                responsive: true,
+            ),
+        ),
     )
 );