[IMP] website_event: lower footer on event pages
PURPOSE: This commit adds a min-height property to event pages so that the footer does not take the entirety of the screen when a page has little content. To not have a strange empty space on the booth event page when no booth is set or when the event is finished, the related error messages are now displayed below the cover instead of inside it. It also removes the default grey background on some templates, so that the theme background color is used instead. Task-2831951 closes odoo/odoo#89602 Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
This commit is contained in:
@@ -92,13 +92,6 @@
|
||||
.o_wevent_online_badge_unpublished{
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
&.o_wevent_online_bg {
|
||||
@if (color('body') == $o-portal-default-body-bg) {
|
||||
@extend .bg-100;
|
||||
}
|
||||
}
|
||||
|
||||
// background color-based for new styling
|
||||
.event_color_0 {
|
||||
// bg-100 background but DO NOT extend bg-100 as it messes with text-muted colors
|
||||
|
||||
@@ -1,4 +1,10 @@
|
||||
.o_connected_user .o_wevent_event {
|
||||
min-height: calc(98vh - 110px)
|
||||
}
|
||||
|
||||
.o_wevent_event {
|
||||
min-height: calc(98vh - 70px);
|
||||
|
||||
// Multi-line event title, even in mobile mode
|
||||
nav > div > a.navbar-brand {
|
||||
text-overflow: revert;
|
||||
|
||||
@@ -13,24 +13,6 @@
|
||||
|
||||
<div class="container d-flex flex-column flex-grow-1">
|
||||
<h1 class="text-white my-5">Get A Booth</h1>
|
||||
<div t-if="event.is_finished" class="alert alert-info">
|
||||
<span>This event is finished. It's no longer possible to book a booth.</span>
|
||||
</div>
|
||||
<div t-elif="not event_booths" class="alert alert-info">
|
||||
<span>This event is not open to exhibitors registration,
|
||||
<span t-if="request.env.user.has_group('event.group_event_manager')">
|
||||
you can
|
||||
<a class="text-nowrap" t-attf-href="/web#id=#{event.id}&view_type=form&model=event.event">
|
||||
<i class="fa fa-gear mr-1" role="img" aria-label="Configure" title="Configure event booths"/><em>Configure Booths</em>
|
||||
</a>
|
||||
for this event.
|
||||
</span>
|
||||
<span t-else="">
|
||||
check our <a href="/event">list of future events</a>.
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
<section class="mt-n5">
|
||||
@@ -40,6 +22,23 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div t-if="event.is_finished" class="container d-flex flex-column flex-grow-1">
|
||||
<span class="alert alert-info">This event is finished. It's no longer possible to book a booth.</span>
|
||||
</div>
|
||||
<div t-elif="not event_booths" class="container d-flex flex-column flex-grow-1">
|
||||
<span class="alert alert-info">This event is not open to exhibitors registration,
|
||||
<span t-if="request.env.user.has_group('event.group_event_manager')">
|
||||
you can
|
||||
<a class="text-nowrap" t-attf-href="/web#id=#{event.id}&view_type=form&model=event.event">
|
||||
<i class="fa fa-gear mr-1" role="img" aria-label="Configure" title="Configure event booths"/><em>Configure Booths</em>
|
||||
</a>
|
||||
for this event.
|
||||
</span>
|
||||
<span t-else="">
|
||||
check our <a href="/event">list of future events</a>.
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
|
||||
<template id="event_exhibitors" name="Event Exhibitors">
|
||||
<t t-call="website_event.layout">
|
||||
<div class="o_wevent_online o_wevent_online_bg o_wesponsor_index">
|
||||
<div class="o_wevent_online o_wesponsor_index">
|
||||
<!-- Topbar -->
|
||||
<t t-call="website_event_exhibitor.exhibitors_topbar"/>
|
||||
<!-- Drag/Drop Area -->
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<t t-set="no_header" t-value="option_widescreen"/>
|
||||
<t t-set="no_footer" t-value="option_widescreen"/>
|
||||
<t t-call="website_event.layout">
|
||||
<div class="o_wevent_online o_wevent_online_bg o_wesponsor_index">
|
||||
<div class="o_wevent_online o_wesponsor_index">
|
||||
<!-- Options -->
|
||||
<t t-set="option_widescreen" t-value="option_widescreen or False"/>
|
||||
<!-- Drag/Drop Area -->
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
|
||||
<template id="event_meet" name="Meeting Rooms">
|
||||
<t t-call="website_event.layout">
|
||||
<div class="o_wevent_online o_wevent_online_bg o_wemeet_index">
|
||||
<div class="o_wevent_online o_wemeet_index">
|
||||
<!-- Drag/Drop Area -->
|
||||
<div id="oe_structure_website_event_location_1" class="oe_structure"/>
|
||||
<!-- Content -->
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<t t-set="no_header" t-value="option_widescreen"/>
|
||||
<t t-set="no_footer" t-value="option_widescreen"/>
|
||||
<t t-call="website_event.layout">
|
||||
<div class="o_wevent_online o_wevent_online_bg o_wemeet_index">
|
||||
<div class="o_wevent_online o_wemeet_index">
|
||||
<!-- Options -->
|
||||
<t t-set="option_widescreen" t-value="option_widescreen or False"/>
|
||||
<!-- Drag/Drop Area -->
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
|
||||
<template id="event_track_main" name="Event Exhibitor">
|
||||
<t t-call="website_event.layout">
|
||||
<div class="o_wevent_online o_wevent_online_bg o_wesession_index">
|
||||
<div class="o_wevent_online o_wesession_index">
|
||||
<!-- Options -->
|
||||
<t t-set="option_widescreen" t-value="option_widescreen or False"/>
|
||||
<t t-set="option_track_wishlist" t-value="not event.is_done and is_view_active('website_event_track.session_topbar_wishlist')"/>
|
||||
|
||||
Reference in New Issue
Block a user