From d51a29c1128532cf5c3939f26dcb7e5382eb2f66 Mon Sep 17 00:00:00 2001
From: Mudit Choudhary <cmudit60@gmail.com>
Date: Mon, 18 Sep 2023 11:40:32 +0530
Subject: [PATCH] Replace TextTruncator with TextTruncatorCss

---
 .../assets/src/views/HybridLearningLessonCard.vue   | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue b/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue
index 422a6de5345..8516cf79207 100644
--- a/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue
+++ b/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue
@@ -18,9 +18,9 @@
         />
       </div>
       <h3 class="title">
-        <TextTruncator
+        <TextTruncatorCss
           :text="content.title"
-          :maxHeight="maxTitleHeight"
+          :maxLines="1"
           :style="{ color: $themeTokens.text }"
         />
       </h3>
@@ -41,7 +41,7 @@
 <script>
 
   import { validateLinkObject } from 'kolibri.utils.validators';
-  import TextTruncator from 'kolibri.coreVue.components.TextTruncator';
+  import TextTruncatorCss from 'kolibri.coreVue.components.TextTruncatorCss';
   import commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
   import ProgressBar from './ProgressBar';
   import LearningActivityLabel from './LearningActivityLabel';
@@ -52,7 +52,7 @@
     name: 'HybridLearningLessonCard',
     components: {
       CardThumbnail,
-      TextTruncator,
+      TextTruncatorCss,
       LearningActivityLabel,
       ProgressBar,
     },
@@ -72,11 +72,6 @@
         default: false,
       },
     },
-    computed: {
-      maxTitleHeight() {
-        return 40;
-      },
-    },
   };
 
 </script>