Limit label tree info length

biigle · Oct 15, 2024 · be31a6d · be31a6d
1 parent ec08fe9
commit be31a6d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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
@@ -55,4 +55,5 @@ h3, .h3 {
   .small.label {
     font-size: 65%;
   }
+  word-wrap: break-word;
 }