From f792671ae247a931f34d902e9276202b5016ef9a Mon Sep 17 00:00:00 2001 From: Ittay Stern Date: Sun, 7 Jul 2019 19:23:03 +0300 Subject: Merge from ecomp 718fd196 - Modern UI Issue-ID: VID-378 Change-Id: I2736b98426e324ec3aa233b034229ba84d99839f Signed-off-by: Ittay Stern --- .../src/app/shared/components/ellipsis/ellipsis.component.ts | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'vid-webpack-master/src/app/shared/components/ellipsis/ellipsis.component.ts') 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"> `, 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){ -- cgit 1.2.3-korg