From f0d0e9cbca48449f2bad44282c747714387de79f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Leloup=20Lo=C3=AFc=20=28lole=29?= Date: Tue, 9 Apr 2024 08:42:51 +0000 Subject: [PATCH] [FIX] pos : product images look zoomed in MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The cover scss rule first stretches the image to fill the container completely, then cropped at the size of the container. This results in some poor display result if the image has a weird aspect ratio. This is a behaviour change from saas-16.3 where the image wasn't cropped and simply resized to fit inside the container. opw-3826349 closes odoo/odoo#161111 X-original-commit: 0cc3a0edfcd68ebbd7930eedd2af82bd3b3a29fe Signed-off-by: Vlad Stroia (vlst) Signed-off-by: Loïc Leloup (lole) --- .../src/app/generic_components/product_card/product_card.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.scss b/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.scss index b19c44f804b..fed03ad516a 100644 --- a/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.scss +++ b/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.scss @@ -4,7 +4,7 @@ .product-img img { height: 100px; - object-fit: cover; + object-fit: contain; } .product-name {