From 259e564a3cd2c6fa257a539bba3dcb65cff1b0ec Mon Sep 17 00:00:00 2001 From: Romeo Fragomeli Date: Wed, 24 Aug 2022 08:34:41 +0000 Subject: [PATCH] [FIX] website: s_product_list: buttons are not at the right position MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit In Bootstrap 5 the `.col-X` classes don't have position relative anymore and the button use position absolute (relative to its parent) to position themselves. > Columns no longer have position: relative applied, so you may have to > add .position-relative to some elements to restore that behavior. Ref: https://getbootstrap.com/docs/5.1/migration/#grid-updates Note: we have set the position relative in CSS to avoid doing a migration script. closes odoo/odoo#98768 Signed-off-by: Adrien Dieudonné (adr) --- addons/website/static/src/snippets/s_product_list/000.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/addons/website/static/src/snippets/s_product_list/000.scss b/addons/website/static/src/snippets/s_product_list/000.scss index 480a58ec930..9910ce5baab 100644 --- a/addons/website/static/src/snippets/s_product_list/000.scss +++ b/addons/website/static/src/snippets/s_product_list/000.scss @@ -3,6 +3,7 @@ padding-top: 20px; > div > .row > div { + position: relative; margin-bottom: 20px; // without this style the columns go directly to the top of the bellow ones. height: 200px;