[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>
This commit is contained in:
David Beguin
2020-09-14 15:00:37 +00:00
co-authored by edi-odoo
parent 09328468f0
commit 171b83bad2
2 changed files with 18 additions and 4 deletions
@@ -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;
}
}
@@ -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">