Merge pull request #11265 from muditchoudhary/issue-8532-replace-Text…

…Truncator-TopicsMobileHeader Issue 8532 replace text Truncator topics in TopicsMobileHeader.vue
learningequality · Sep 22, 2023 · 4e84fc9 · 4e84fc9
2 parents 43314ea + 65b525b
commit 4e84fc9
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsMobileHeader.vue b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsMobileHeader.vue
@@ -9,9 +9,9 @@
       :layout4="{ span: 3 }"
     >
       <h1 class="mobile-title" data-test="mobile-title">
-        <TextTruncator
+        <TextTruncatorCss
           :text="topic.title"
-          :maxHeight="110"
+          :maxLines="2"
         />
       </h1>
     </KGridItem>
@@ -30,11 +30,11 @@
 
 <script>
 
-  import TextTruncator from 'kolibri.coreVue.components.TextTruncator';
+  import TextTruncatorCss from 'kolibri.coreVue.components.TextTruncatorCss';
 
   export default {
     name: 'TopicsMobileHeader',
-    components: { TextTruncator },
+    components: { TextTruncatorCss },
     props: {
       topic: {
         type: Object,