summaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/shared/components/ellipsis/ellipsis.component.ts
diff options
context:
space:
mode:
Diffstat (limited to 'vid-webpack-master/src/app/shared/components/ellipsis/ellipsis.component.ts')
-rw-r--r--vid-webpack-master/src/app/shared/components/ellipsis/ellipsis.component.ts7
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){