From a9046e557a0110c35c7c5c5ffa267752b2bd7161 Mon Sep 17 00:00:00 2001
From: AndzejsP <andzejs.poprockis@gmail.com>
Date: Tue, 13 Jun 2023 12:26:06 +0300
Subject: [PATCH] fixed discussion title not clamping

---
 web/src/components/Discussion.vue | 8 ++++++--
 web/src/views/DiscussionsView.vue | 6 +++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/web/src/components/Discussion.vue b/web/src/components/Discussion.vue
index 6fa778d7..4ea433d7 100644
--- a/web/src/components/Discussion.vue
+++ b/web/src/components/Discussion.vue
@@ -1,6 +1,6 @@
 <template>
     <div :class="selected ? 'bg-bg-light-discussion dark:bg-bg-dark-discussion shadow-md' : ''"
-        class="container flex  sm:flex-row item-center shadow-sm gap-2 py-2 my-2 hover:shadow-md hover:bg-primary-light dark:hover:bg-primary rounded-md p-2 duration-75 group cursor-pointer"
+        class=" flex flex-row sm:flex-row item-center shadow-sm gap-2 py-2 my-2 hover:shadow-md hover:bg-primary-light dark:hover:bg-primary rounded-md p-2 duration-75 group cursor-pointer"
         :id="'dis-' + id" @click.stop="selectEvent()">
 
         <!-- PRE TITLE SECTION -->
@@ -19,8 +19,11 @@
                 :class="loading ? 'min-h-full w-2 rounded-xl self-stretch animate-bounce bg-accent ' : '  '"></div>
 
         </div>
+       
+
+        
         <!-- TITLE -->
-        <p v-if="!editTitle" :title="title" class="truncate w-full">{{ title ? title === "untitled" ? "New discussion" :
+        <p v-if="!editTitle" :title="title" class="line-clamp-1 w-full ml-1 -mx-5">{{ title ? title === "untitled" ? "New discussion" :
             title : "New discussion" }}</p>
 
         <input v-if="editTitle" type="text" id="title-box" ref="titleBox"
@@ -66,6 +69,7 @@
                 </button>
             </div>
         </div>
+    
     </div>
 </template>
 
diff --git a/web/src/views/DiscussionsView.vue b/web/src/views/DiscussionsView.vue
index 40cb56c8..19a8e196 100644
--- a/web/src/views/DiscussionsView.vue
+++ b/web/src/views/DiscussionsView.vue
@@ -2,7 +2,7 @@
     <div
         class="relative flex flex-col no-scrollbar shadow-lg min-w-[24rem] max-w-[24rem] bg-bg-light-tone dark:bg-bg-dark-tone">
         <!-- LEFT SIDE PANEL -->
-        <div id="leftPanel" class="flex flex-col flex-grow overflow-y-scroll no-scrollbar"
+        <div id="leftPanel" class="flex flex-col flex-grow overflow-y-scroll no-scrollbar "
             @dragover.stop.prevent="setDropZoneDiscussion()">
             <div class=" sticky z-10 top-0  bg-bg-light-tone dark:bg-bg-dark-tone shadow-md">
 
@@ -130,10 +130,10 @@
                 <DragDrop ref="dragdropDiscussion" @panelDrop="setFileListDiscussion">Drop your discussion file here
                 </DragDrop>
             </div>
-            <div class="relative flex flex-row flex-grow mb-10">
+            <div class="relative flex flex-row flex-grow mb-10 ">
 
                 <!-- DISCUSSION LIST -->
-                <div class="mx-4 flex flex-col flex-grow" :class="isDragOverDiscussion ? 'pointer-events-none' : ''">
+                <div class="mx-4 flex flex-col flex-grow  " :class="isDragOverDiscussion ? 'pointer-events-none' : ''">
 
 
                     <div id="dis-list" :class="filterInProgress ? 'opacity-20 pointer-events-none' : ''"