1 files changed, 7 insertions, 0 deletions
diff --git a/vid-webpack-master/src/app/shared/components/ellipsis/ellipsis.component.ts b/vid-webpack-master/src/app/shared/components/ellipsis/ellipsis.component.ts
index bce06953c..07f4d481b 100644
--- a/vid-webpack-master/src/app/shared/components/ellipsis/ellipsis.component.ts
+++ b/vid-webpack-master/src/app/shared/components/ellipsis/ellipsis.component.ts
@@ -10,6 +10,7 @@ import * as _ from 'lodash';
           class="ellipsis"
           id="{{id}}"
           [innerHtml]="displayValue | safe : 'html'"
+          [ngClass]="{'breakWord' : breakWord == true}"
           [tooltip-text]="value">
       </span>`,
   styles : [
@@ -22,6 +23,11 @@ import * as _ from 'lodash';
         width: 99%;
         text-align: left;
       }
+      
+      .breakWord {
+        word-wrap: break-word;
+        white-space: normal;
+      }
     `
   ],
   providers : [HighlightPipe]
@@ -30,6 +36,7 @@ export class EllipsisComponent implements OnChanges{
   @Input() value : string;
   @Input() id : string;
   @Input() hightlight : string;
+  @Input() breakWord : boolean = false;
 
   displayValue : string;
   constructor(private _highlightPipe : HighlightPipe){