[FW][IMP] website_event_track_session: improve layout of tracks list

PURPOSE

Improve tracks list display at current solution does not scale well with lots
of tracks.

SPECIFICATIONS

Introduce a lighter reminder design: use standard bootstrap btn classes and
let colors be the standard one. This allows to simplify reminder CSS notably.

Display speaker and duration below track name, giving more space for the track
name itself. Display tags and sub information (hours, reminder / wishlist
widgets) on the right. This allows to simplify DOM and mobile management.

To be coherent with track list display tweak, add margins in pages using the
same kind of layouting.

Add tags under track name in track page view. Indeed they are displayed in
list view but not on page view. Also fix mobile display: move buttons under
name/tags in mobile to avoid strange display. We can now also use the full
reminder widget as buttons (quiz included) are on another line. Put location
and hours into a single line to avoid loosing space. Finally tweak a bit mobile
margins to gain space.

UDPATE

  * website_event_track_online.track_widget_reminder
  * website_event_track_session.tracks_session
  * website_event_track_session.tracks_display_list
  * website_event_track_session.event_track_content
  * website_event_track_exhibitor.event_exhibitors
  * website_event_meet.event_meet

LINKS

Task ID-2322408
PR #56095

closes odoo/odoo#56128

Forward-port-of: odoo/odoo#56095
Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>

0 files changed, 0 insertions, 0 deletions