From 49bd48ccd20d595ee9cf0d2cab7024cb19e944b3 Mon Sep 17 00:00:00 2001
From: mcm-odoo <mcm@odoo.com>
Date: Thu, 8 Aug 2019 08:57:45 +0000
Subject: [PATCH] [IMP] website_slides: make course picture editable in
 frontend

Purpose of this commit is to allow website designers to change course images
directly from front-end.

Task 2026846
---
 addons/website_slides/static/src/scss/website_slides.scss    | 5 +----
 .../website_slides/views/website_slides_templates_course.xml | 4 ++--
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/addons/website_slides/static/src/scss/website_slides.scss b/addons/website_slides/static/src/scss/website_slides.scss
index 946ee41683c..48d598d3d91 100644
--- a/addons/website_slides/static/src/scss/website_slides.scss
+++ b/addons/website_slides/static/src/scss/website_slides.scss
@@ -21,12 +21,9 @@ $o-wslides-fs-side-width: 300px;
 
 .o_wslides_course_pict {
     @include size(100%);
-    padding-top: 30%;
-    background-size: cover;
-    background-position: center;
+    object-fit: cover;
 
     @include media-breakpoint-up(md)  {
-        padding-top: 70%;
         border: 1px solid darken(#875A7B, 10%);
         border-bottom-width: 0;
     }
diff --git a/addons/website_slides/views/website_slides_templates_course.xml b/addons/website_slides/views/website_slides_templates_course.xml
index f4221b3ab15..4f618c76439 100644
--- a/addons/website_slides/views/website_slides_templates_course.xml
+++ b/addons/website_slides/views/website_slides_templates_course.xml
@@ -119,8 +119,8 @@
                     <div class="row align-items-end align-items-md-stretch">
                         <!-- ==== Header Left ==== -->
                         <div class="col-12 col-md-4 col-lg-3">
-                            <div class="d-flex align-items-start justify-content-around h-100">
-                                <div class="o_wslides_course_pict d-inline-block mb-2 mt-3 my-md-0" t-attf-style="background-image: url(#{website.image_url(channel, 'image_1024')});" t-ignore="True"/>
+                            <div class="d-flex align-items-end justify-content-around h-100">
+                                <div t-field="channel.image_1920" t-options='{"widget": "image", "class": "o_wslides_course_pict d-inline-block mb-2 mt-3 my-md-0"}' class="h-100"/>
                             </div>
                         </div>