From a121fe663f8b9f0849d23d764eabaab9c2ece40b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thibault=20Delavall=C3=A9e?= <tde@odoo.com>
Date: Wed, 25 Nov 2020 15:13:35 +0000
Subject: [PATCH] [FIX] website_event_exhibitor: fix unpublished badge on
 exhibitor cards

SPECIFICATIONS

It is currently displayed at the bottom of the card with some strange opacity
leading to badge not being readable at all. It is now put under image like
unpublished events in /events page. It is also made readable.

LINKS

Task ID-2326433
COM PR odoo/odoo#61781
ENT pr odoo/enterprise#14752
UPG PR odoo/upgrade#1931
---
 .../src/scss/event_exhibitor_templates.scss   |  2 +-
 .../views/event_exhibitor_templates_list.xml  | 20 ++++++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/addons/website_event_exhibitor/static/src/scss/event_exhibitor_templates.scss b/addons/website_event_exhibitor/static/src/scss/event_exhibitor_templates.scss
index a03b1a5cdc4..86836d3b0c9 100644
--- a/addons/website_event_exhibitor/static/src/scss/event_exhibitor_templates.scss
+++ b/addons/website_event_exhibitor/static/src/scss/event_exhibitor_templates.scss
@@ -27,7 +27,7 @@
             position: absolute;
             bottom: 0;
             width: 100%;
-            padding: $card-spacer-y $card-spacer-x;
+            padding: 0.25rem 1.25rem;
             text-align: right;
         }
         &.o_wesponsor_card_unpublished {
diff --git a/addons/website_event_exhibitor/views/event_exhibitor_templates_list.xml b/addons/website_event_exhibitor/views/event_exhibitor_templates_list.xml
index e67053af25b..ea4d27db9dc 100644
--- a/addons/website_event_exhibitor/views/event_exhibitor_templates_list.xml
+++ b/addons/website_event_exhibitor/views/event_exhibitor_templates_list.xml
@@ -154,13 +154,9 @@
         itemscope="itemscope" itemtype="http://schema.org/Event">
         <div class="h-100 row no-gutters">
             <t t-set="sponsor_image_url" t-value="sponsor.website_image_url"/>
-            <header t-att-class="'overflow-hidden col-12 rounded-top position-static %s' % ('bg-secondary' if not sponsor_image_url else '')">
-
-                <small t-if="not sponsor.is_published" class="o_wesponsor_card_header_badge bg-danger">
-                    <i class="fa fa-ban mr-2"/>Unpublished
-                </small>
-
-                <div t-att-data-sponsor-url="sponsor.website_url" class="o_wesponsor_js_connect"
+            <header t-att-class="'overflow-hidden col-12 rounded-top %s' % ('bg-secondary' if not sponsor_image_url else '')">
+                <div class="d-block h-100 w-100 o_wesponsor_js_connect"
+                     t-att-data-sponsor-url="sponsor.website_url"
                      t-attf-data-register-url="/event/#{slug(event)}/register?from_sponsor_id=#{sponsor.id}"
                      t-att-data-is-participating="event.is_participating"
                      t-att-data-sponsor-id="sponsor.id"
@@ -169,6 +165,9 @@
                      t-att-data-user-event-manager="user_event_manager">
                     <div t-if="sponsor_image_url" class="card-img-top position-static o_wesponsor_bg_image"
                         t-attf-style="padding-top: 50%; background-image: url(#{sponsor_image_url});">
+                        <small t-if="not sponsor.is_published" class="o_wesponsor_card_header_badge bg-danger">
+                            <i class="fa fa-ban mr-2"/>Unpublished
+                        </small>
                         <div class="o_wesponsor_connect_button">
                             <a href="#" class="btn btn-primary h3">
                                 <t t-if="not user_event_manager and not sponsor.event_id.is_ongoing and not event.is_participating">
@@ -186,6 +185,9 @@
                     </div>
                     <div t-else="" class="o_wesponsor_gradient card-img-top position-relative"
                         style="padding-top: 50%">
+                        <small t-if="not sponsor.is_published" class="o_wesponsor_card_header_badge bg-danger">
+                            <i class="fa fa-ban mr-2"/>Unpublished
+                        </small>
                         <div class="o_wesponsor_connect_button">
                             <a href="#" class="btn btn-primary h3">
                                 <t t-if="not user_event_manager and not sponsor.event_id.is_ongoing and not event.is_participating">
@@ -197,8 +199,8 @@
                     </div>
                 </div>
             </header>
-            <div class="col-12">
-                <main class="card-body h-100">
+            <div class="col-12 h-100">
+                <main class="card-body">
                     <!-- Title -->
                     <h5 class="card-title mt-0 mb-0 text-truncate d-flex align-items-top">
                         <span t-field="sponsor.name" itemprop="name"/>