From 68ddd3c3a04fde2e89564db86a919da6b010c31e Mon Sep 17 00:00:00 2001
From: Mayurrajsinh Rathod <mrsr@odoo.com>
Date: Mon, 17 Jul 2023 09:50:36 +0000
Subject: [PATCH] [FIX] website_slides: prevent content title overflow

This commit resolves the issue of content title overflow in both fullscreen
and non-fullscreen views by cropping the title and adding '...' at the end.

Task-3384661

closes odoo/odoo#137112

X-original-commit: 2275279a74757d47b3138587793aef67f6b5e7ef
Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
---
 .../views/website_slides_templates_course.xml               | 2 +-
 .../views/website_slides_templates_lesson.xml               | 6 +++---
 .../views/website_slides_templates_lesson_fullscreen.xml    | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/addons/website_slides/views/website_slides_templates_course.xml b/addons/website_slides/views/website_slides_templates_course.xml
index 9bdcf29be5b..f84d5bcdec9 100644
--- a/addons/website_slides/views/website_slides_templates_course.xml
+++ b/addons/website_slides/views/website_slides_templates_course.xml
@@ -8,7 +8,7 @@
             <div class="row align-items-center justify-content-between">
                 <!-- Desktop Mode -->
                 <nav aria-label="breadcrumb" class="col-md-8 d-none d-md-flex">
-                    <ol class="breadcrumb bg-transparent mb-0 ps-0 py-0">
+                    <ol class="breadcrumb bg-transparent mb-0 ps-0 py-0 overflow-hidden">
                         <li class="breadcrumb-item">
                             <a href="/slides">Courses</a>
                         </li>
diff --git a/addons/website_slides/views/website_slides_templates_lesson.xml b/addons/website_slides/views/website_slides_templates_lesson.xml
index 3cfde2fee8b..cf3b4d12796 100644
--- a/addons/website_slides/views/website_slides_templates_lesson.xml
+++ b/addons/website_slides/views/website_slides_templates_lesson.xml
@@ -221,10 +221,10 @@
     <div class="d-flex flex-wrap align-items-start my-3 w-100">
         <t t-set="slide_completed" t-value="channel_progress[slide.id].get('completed')"/>
         <div class="col-12 col-md order-2 order-md-1 d-flex">
-            <div class="d-flex align-items-start">
-                <h1 class="h4 my-0 d-flex flex_row">
+            <div class="d-flex align-items-start overflow-hidden">
+                <h1 class="h4 my-0 d-flex flex_row overflow-hidden">
                     <i t-attf-class="fa #{slide.slide_icon_class} me-2"/>
-                    <span t-field="slide.name"/>
+                    <span class="text-truncate" t-field="slide.name"/>
                 </h1>
             </div>
         </div>
diff --git a/addons/website_slides/views/website_slides_templates_lesson_fullscreen.xml b/addons/website_slides/views/website_slides_templates_lesson_fullscreen.xml
index dfc0c7057de..6b34429f4a0 100644
--- a/addons/website_slides/views/website_slides_templates_lesson_fullscreen.xml
+++ b/addons/website_slides/views/website_slides_templates_lesson_fullscreen.xml
@@ -136,19 +136,19 @@
                     t-att-data-session-answers="session_answers"
                     t-att-data-website-share-url="slide.website_share_url"
                     t-att-data-email-sharing="bool(slide.channel_id.share_slide_template_id)">
-                    <div class="ms-2 o_wslides_sidebar_content">
+                    <div class="ms-2 o_wslides_sidebar_content overflow-hidden">
                         <a t-if="can_access" class="d-block" href="#">
                             <div class="d-flex">
                                 <t t-if="is_member" t-call="website_slides.slide_sidebar_done_button"/>
                                 <i t-else="" t-attf-class="fa #{slide.slide_icon_class} me-2"/>
-                                <div class="o_wslides_fs_slide_name" t-esc="slide.name"/>
+                                <div class="o_wslides_fs_slide_name text-truncate" t-esc="slide.name"/>
                             </div>
                         </a>
                         <span t-else="" class="d-block" href="#">
                             <div class="d-flex">
                                 <t t-if="is_member" t-call="website_slides.slide_sidebar_done_button"/>
                                 <i t-else="" t-attf-class="fa #{slide.slide_icon_class} me-2 text-600"/>
-                                <div class="o_wslides_fs_slide_name text-600" t-esc="slide.name"/>
+                                <div class="o_wslides_fs_slide_name text-600 text-truncate" t-esc="slide.name"/>
                             </div>
                         </span>
                         <ul class="list-unstyled w-100 small fw-light" t-if="slide._has_additional_resources() or (slide.question_ids and not slide.slide_category =='quiz')" >