From 171b83bad2aa550f7a4da7ede1385b242bc2fca7 Mon Sep 17 00:00:00 2001
From: David Beguin <dbe@odoo.com>
Date: Fri, 11 Sep 2020 11:07:44 +0000
Subject: [PATCH] [FIX] website_event_track_online: fix agenda design to work
 cross browser

Before this commit, the design of the agenda was broken on Firefox, as the
'height: 0' property on td was ignored in Chrome and not in Firefox.
Probably a remnant that was not removed.

After this commit, both browser are displaying the same design.

Task ID: 2337855

closes odoo/odoo#57671

X-original-commit: c6c2dc41f818ebc30dca1682e5e2a8305dda2c67
Signed-off-by: Yannick Tivisse (yti) <yti@odoo.com>
Signed-off-by: David Beguin <dbeguin@users.noreply.github.com>
Co-authored-by: edi-odoo <edi@odoo.com>
---
 .../static/src/scss/event_track_templates.scss | 18 ++++++++++++++++--
 .../views/event_track_templates_agenda.xml     |  4 ++--
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/addons/website_event_track/static/src/scss/event_track_templates.scss b/addons/website_event_track/static/src/scss/event_track_templates.scss
index c1347493d91..6338bdec1cd 100644
--- a/addons/website_event_track/static/src/scss/event_track_templates.scss
+++ b/addons/website_event_track/static/src/scss/event_track_templates.scss
@@ -65,7 +65,6 @@
             left: 0;
         }
         td {
-            height: 0px;
             border: 0px;
 
             @for $size from 1 through 20 {
@@ -80,6 +79,7 @@
             }
 
             &.active {
+                z-index: 1;
                 position: sticky;
                 left: 0;
                 min-width: 100px;
@@ -111,6 +111,12 @@
             }
             &.o_we_agenda_time_slot_main, &.o_we_agenda_time_slot_half {
                 padding: 0;
+                position: relative;
+                > div {
+                    position: absolute;
+                    top: 0;
+                    width: 100%;
+                }
             }
             &.o_we_agenda_time_slot_main > div {
                 padding: 0.3em;
@@ -121,10 +127,18 @@
                 border-top: 1px dashed lightgrey;
             }
             &.event_track {
+                position: relative;
                 padding: 0;
+                &::before {
+                    content: "";
+                    display: block;
+                    width: 100%;
+                    position: absolute;
+                    top: 0;
+                    border-top: 1px solid lightgrey;
+                }
                 > div {
                     padding: 0.3em;
-                    border-top: 1px solid lightgrey;
                 }
 
             }
diff --git a/addons/website_event_track/views/event_track_templates_agenda.xml b/addons/website_event_track/views/event_track_templates_agenda.xml
index 24a09b6874e..708bb4df93e 100644
--- a/addons/website_event_track/views/event_track_templates_agenda.xml
+++ b/addons/website_event_track/views/event_track_templates_agenda.xml
@@ -89,7 +89,7 @@
 
         <!-- Day Agenda -->
         <div class="o_we_online_agenda">
-        <table id="table_search" class="table table-sm border-0">
+        <table id="table_search" class="table table-sm border-0 h-100">
             <!--Header-->
             <tr>
                 <th class="border-0 bg-white position-sticky"/>
@@ -118,7 +118,7 @@
                                 <t t-set="_classes"
                                     t-value="'text-center %s %s %s' % (
                                         'event_color_%s' % (track.color) if track.color else 'bg-100',
-                                        'event_track' if track else '',
+                                        'event_track h-100' if track else '',
                                         'o_location_size_%d' % len(locations),
                                     )"/>
                                 <t t-if="track.location_id and track.location_id == location">