From 6214dcc5177027d747e8991708aee2712f27d16b Mon Sep 17 00:00:00 2001
From: Pursottam Sah <rahulsah6003@gmail.com>
Date: Wed, 19 Apr 2023 19:44:39 +0530
Subject: [PATCH 1/2] update index.vue and AlsoInThis.vue to use
 TextTruncatorCss instead of TextTruncator

---
 .../LessonResourceSelectionPage/LessonContentCard/index.vue | 6 +++---
 kolibri/plugins/learn/assets/src/views/AlsoInThis.vue       | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue
index e1101657186..616b1c0ecc3 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue
@@ -35,7 +35,7 @@
       <div v-if="message" class="message" :style="{ color: $themeTokens.text }">
         {{ message }}
       </div>
-      <TextTruncator
+      <TextTruncatorCss
         v-if="!windowIsSmall"
         :text="description"
         :maxHeight="80"
@@ -60,7 +60,7 @@
   import CoachContentLabel from 'kolibri.coreVue.components.CoachContentLabel';
   import ContentIcon from 'kolibri.coreVue.components.ContentIcon';
   import { validateLinkObject, validateContentNodeKind } from 'kolibri.utils.validators';
-  import TextTruncator from 'kolibri.coreVue.components.TextTruncator';
+  import TextTruncatorCss from 'kolibri.coreVue.components.TextTruncatorCss'; //update
   import responsiveWindowMixin from 'kolibri.coreVue.mixins.responsiveWindowMixin';
   import CardThumbnail from './CardThumbnail';
 
@@ -69,7 +69,7 @@
     components: {
       CardThumbnail,
       ContentIcon,
-      TextTruncator,
+      TextTruncatorCss,
       CoachContentLabel,
     },
     mixins: [responsiveWindowMixin],
diff --git a/kolibri/plugins/learn/assets/src/views/AlsoInThis.vue b/kolibri/plugins/learn/assets/src/views/AlsoInThis.vue
index c888aa8801c..3174ddc50dd 100644
--- a/kolibri/plugins/learn/assets/src/views/AlsoInThis.vue
+++ b/kolibri/plugins/learn/assets/src/views/AlsoInThis.vue
@@ -32,7 +32,7 @@
 
         <div class="content-meta">
           <div class="text-and-time">
-            <TextTruncator
+            <TextTruncatorCss
               class="content-title"
               :text="content.title"
               :maxHeight="72"
@@ -93,7 +93,7 @@
 <script>
 
   import isBoolean from 'lodash/isBoolean';
-  import TextTruncator from 'kolibri.coreVue.components.TextTruncator';
+  import TextTruncatorCss from 'kolibri.coreVue.components.TextTruncatorCss'; //update
   import TimeDuration from 'kolibri.coreVue.components.TimeDuration';
   import KResponsiveWindowMixin from 'kolibri-design-system/lib/KResponsiveWindowMixin';
   import MissingResourceAlert from 'kolibri-common/components/MissingResourceAlert';
@@ -107,7 +107,7 @@
     components: {
       LearningActivityIcon,
       ProgressBar,
-      TextTruncator,
+      TextTruncatorCss,
       TimeDuration,
       MissingResourceAlert,
     },

From 380327d081c5a7d1805c50b9bc2a7664a56dba4f Mon Sep 17 00:00:00 2001
From: Pursottam Sah <rahulsah6003@gmail.com>
Date: Thu, 27 Apr 2023 16:19:18 +0530
Subject: [PATCH 2/2] resolved the invalid props error and resolve the minor
 issues using TextTruncatorCss

---
 .../LessonResourceSelectionPage/LessonContentCard/index.vue   | 4 ++--
 kolibri/plugins/learn/assets/src/views/AlsoInThis.vue         | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue
index 616b1c0ecc3..0ab9c2e51a4 100644
--- a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue
@@ -38,7 +38,7 @@
       <TextTruncatorCss
         v-if="!windowIsSmall"
         :text="description"
-        :maxHeight="80"
+        :maxLines="3"
         class="description"
       />
       <div>
@@ -60,7 +60,7 @@
   import CoachContentLabel from 'kolibri.coreVue.components.CoachContentLabel';
   import ContentIcon from 'kolibri.coreVue.components.ContentIcon';
   import { validateLinkObject, validateContentNodeKind } from 'kolibri.utils.validators';
-  import TextTruncatorCss from 'kolibri.coreVue.components.TextTruncatorCss'; //update
+  import TextTruncatorCss from 'kolibri.coreVue.components.TextTruncatorCss';
   import responsiveWindowMixin from 'kolibri.coreVue.mixins.responsiveWindowMixin';
   import CardThumbnail from './CardThumbnail';
 
diff --git a/kolibri/plugins/learn/assets/src/views/AlsoInThis.vue b/kolibri/plugins/learn/assets/src/views/AlsoInThis.vue
index 3174ddc50dd..eae9802b59c 100644
--- a/kolibri/plugins/learn/assets/src/views/AlsoInThis.vue
+++ b/kolibri/plugins/learn/assets/src/views/AlsoInThis.vue
@@ -35,7 +35,7 @@
             <TextTruncatorCss
               class="content-title"
               :text="content.title"
-              :maxHeight="72"
+              :maxLines="2"
             />
             <TimeDuration
               v-if="content.duration"
@@ -93,7 +93,7 @@
 <script>
 
   import isBoolean from 'lodash/isBoolean';
-  import TextTruncatorCss from 'kolibri.coreVue.components.TextTruncatorCss'; //update
+  import TextTruncatorCss from 'kolibri.coreVue.components.TextTruncatorCss';
   import TimeDuration from 'kolibri.coreVue.components.TimeDuration';
   import KResponsiveWindowMixin from 'kolibri-design-system/lib/KResponsiveWindowMixin';
   import MissingResourceAlert from 'kolibri-common/components/MissingResourceAlert';