inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Show long comment (#1354)

Browse Source 
* #1324 long comment

* #1324 use different css style

* #1324 Fix long words without space
This commit is contained in:
Maurizio Vitale
2017-01-04 10:57:39 +00:00
committed by Denys Vuika
parent ccd8f64071
commit 4c522fabb8
4 changed files with 30 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ng2-components/ng2-activiti-tasklist/src/components/activiti-comments.component.css
View File

@@ -17,3 +17,16 @@
.material-icons {
cursor: pointer;
}
.list-wrap {
word-wrap: break-word;
word-break: break-all;
-moz-hyphens:auto;
-webkit-hyphens:auto;
-o-hyphens:auto;
hyphens:auto;
}
.hide-long-names {
overflow: auto;
}

7
ng2-components/ng2-activiti-tasklist/src/components/activiti-comments.component.html
View File

@@ -7,11 +7,8 @@
<div class="menu-container" *ngIf="comments?.length > 0">
<ul class='mdl-list'>
<li class="mdl-list__item" *ngFor="let comment of comments">
<span class="mdl-list__item-primary-content">
<i class="material-icons mdl-list__item-icon">comment</i>
{{comment.message}}
</span>
<li class="mdl-list__item list-wrap" *ngFor="let comment of comments">
<span class="mdl-list__item-primary-content hide-long-names"><i class="material-icons mdl-list__item-icon">comment</i>{{comment.message}}</span>
</li>
</ul>
</div>