From ec08fe92c95273d8dfb653618ab85bedb854c40b Mon Sep 17 00:00:00 2001
From: Leane Schlundt <lhecht@techfak.de>
Date: Fri, 11 Oct 2024 15:17:12 +0200
Subject: [PATCH 1/4] Fix overflowing long labeltree description

---
 .../js/projects/components/labelTreeListItem.vue       | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/resources/assets/js/projects/components/labelTreeListItem.vue b/resources/assets/js/projects/components/labelTreeListItem.vue
index 42e0e2164..8593b1bfa 100644
--- a/resources/assets/js/projects/components/labelTreeListItem.vue
+++ b/resources/assets/js/projects/components/labelTreeListItem.vue
@@ -4,10 +4,18 @@
             <button v-if="editable" v-show="editing" type="button" class="btn btn-default btn-sm pull-right" title="Detach this label tree" @click="emitRemove"><i class="fa fa-trash"></i></button>
             <a :href="url" v-text="tree.name"></a>
         </h4>
-        <p v-if="tree.description" class="list-group-item-text" v-text="tree.description"></p>
+        <p v-if="tree.description" class="list-group-item-text limit-description" v-text="tree.description"></p>
     </li>
 </template>
 
+<style>
+.limit-description {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+</style>
+
 <script>
 export default {
     props: {

From be31a6d3ce3b379a63a2612bfe9d8b317eb49362 Mon Sep 17 00:00:00 2001
From: Leane Schlundt <lhecht@techfak.de>
Date: Tue, 15 Oct 2024 11:59:51 +0200
Subject: [PATCH 2/4] Limit label tree info length

---
 .../js/projects/components/labelTreeListItem.vue       | 10 ++++------
 resources/assets/sass/_search.scss                     |  1 +
 resources/assets/sass/bootstrap/_labels.scss           |  1 +
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/resources/assets/js/projects/components/labelTreeListItem.vue b/resources/assets/js/projects/components/labelTreeListItem.vue
index 8593b1bfa..b97dadd28 100644
--- a/resources/assets/js/projects/components/labelTreeListItem.vue
+++ b/resources/assets/js/projects/components/labelTreeListItem.vue
@@ -1,18 +1,16 @@
 <template>
-    <li class="list-group-item" @mouseenter="emitEnter">
+    <li class="list-group-item limit-text" @mouseenter="emitEnter">
         <h4 class="list-group-item-heading">
             <button v-if="editable" v-show="editing" type="button" class="btn btn-default btn-sm pull-right" title="Detach this label tree" @click="emitRemove"><i class="fa fa-trash"></i></button>
             <a :href="url" v-text="tree.name"></a>
         </h4>
-        <p v-if="tree.description" class="list-group-item-text limit-description" v-text="tree.description"></p>
+        <p v-if="tree.description" class="list-group-item-text" v-text="tree.description"></p>
     </li>
 </template>
 
 <style>
-.limit-description {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+.limit-text {
+    word-wrap: break-word;
 }
 </style>
 
diff --git a/resources/assets/sass/_search.scss b/resources/assets/sass/_search.scss
index 4e3e2eb51..02989ca19 100644
--- a/resources/assets/sass/_search.scss
+++ b/resources/assets/sass/_search.scss
@@ -15,6 +15,7 @@
 .search-results {
     list-style: none;
     padding: 0;
+    word-wrap: break-word;
 
     > li {
         padding: 1.5em 0;
diff --git a/resources/assets/sass/bootstrap/_labels.scss b/resources/assets/sass/bootstrap/_labels.scss
index 93c9d1906..be70caef7 100644
--- a/resources/assets/sass/bootstrap/_labels.scss
+++ b/resources/assets/sass/bootstrap/_labels.scss
@@ -55,4 +55,5 @@ h3, .h3 {
   .small.label {
     font-size: 65%;
   }
+  word-wrap: break-word;
 }

From 368607e0a2e3783c62ea42dc32671c3f95692aa3 Mon Sep 17 00:00:00 2001
From: Leane Schlundt <lhecht@techfak.de>
Date: Thu, 17 Oct 2024 07:34:47 +0200
Subject: [PATCH 3/4] Apply minor changes

---
 resources/assets/js/projects/components/labelTreeListItem.vue | 2 +-
 resources/assets/sass/bootstrap/_labels.scss                  | 3 +++
 resources/views/label-trees/show/title.blade.php              | 4 ++--
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/resources/assets/js/projects/components/labelTreeListItem.vue b/resources/assets/js/projects/components/labelTreeListItem.vue
index b97dadd28..70728ae42 100644
--- a/resources/assets/js/projects/components/labelTreeListItem.vue
+++ b/resources/assets/js/projects/components/labelTreeListItem.vue
@@ -8,7 +8,7 @@
     </li>
 </template>
 
-<style>
+<style scoped>
 .limit-text {
     word-wrap: break-word;
 }
diff --git a/resources/assets/sass/bootstrap/_labels.scss b/resources/assets/sass/bootstrap/_labels.scss
index be70caef7..a046e8d5e 100644
--- a/resources/assets/sass/bootstrap/_labels.scss
+++ b/resources/assets/sass/bootstrap/_labels.scss
@@ -55,5 +55,8 @@ h3, .h3 {
   .small.label {
     font-size: 65%;
   }
+}
+
+.limit-text{
   word-wrap: break-word;
 }
diff --git a/resources/views/label-trees/show/title.blade.php b/resources/views/label-trees/show/title.blade.php
index 2c3e75eaa..ee4e9ad9d 100644
--- a/resources/views/label-trees/show/title.blade.php
+++ b/resources/views/label-trees/show/title.blade.php
@@ -48,7 +48,7 @@
                 <input class="hidden" type="submit" name="submit">
             </div>
         </form>
-        <h2 v-else>
+        <h2 v-else class="limit-text">
             <span v-text="name">{{$tree->name}}</span>
             <small class="label label-default label-hollow" @if(!$private) v-cloak @endif title="This label tree is private" v-if="isPrivate">Private</small>
             <span v-if="hasDescription" @if(!$tree->description) v-cloak @endif>
@@ -56,7 +56,7 @@
             </span>
         </h2>
     @else
-        <h2>
+        <h2 class="limit-text">
             {{$tree->name}}
             @if ($private)
                 <small class="label label-default label-hollow" title="This label tree is private">Private</small>

From ab9b8949c7f4e8f7539a0ad8bc1f9250931237c0 Mon Sep 17 00:00:00 2001
From: Leane Schlundt <lhecht@techfak.de>
Date: Thu, 17 Oct 2024 10:01:08 +0200
Subject: [PATCH 4/4] Remove redundant css class

---
 .../assets/js/projects/components/labelTreeListItem.vue     | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/resources/assets/js/projects/components/labelTreeListItem.vue b/resources/assets/js/projects/components/labelTreeListItem.vue
index 70728ae42..aaee618f2 100644
--- a/resources/assets/js/projects/components/labelTreeListItem.vue
+++ b/resources/assets/js/projects/components/labelTreeListItem.vue
@@ -8,12 +8,6 @@
     </li>
 </template>
 
-<style scoped>
-.limit-text {
-    word-wrap: break-word;
-}
-</style>
-
 <script>
 export default {
     props: {