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-processlist/src/components/activiti-process-comments.component.css
View File

@@ -20,3 +20,16 @@
.material-icons { .material-icons {
cursor: pointer; 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;
}

4
ng2-components/ng2-activiti-processlist/src/components/activiti-process-comments.component.html
View File

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

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

@@ -17,3 +17,16 @@
.material-icons { .material-icons {
cursor: pointer; 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"> <div class="menu-container" *ngIf="comments?.length > 0">
<ul class='mdl-list'> <ul class='mdl-list'>
<li class="mdl-list__item" *ngFor="let comment of comments"> <li class="mdl-list__item list-wrap" *ngFor="let comment of comments">
<span class="mdl-list__item-primary-content"> <span class="mdl-list__item-primary-content hide-long-names"><i class="material-icons mdl-list__item-icon">comment</i>{{comment.message}}</span>
<i class="material-icons mdl-list__item-icon">comment</i>
{{comment.message}}
</span>
</li> </li>
</ul> </ul>
</div> </div>