inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-19 17:14:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

#748 attach widget improvements

Browse Source 
- material remove button (same look cross browser)
- word wrapping for long file names
This commit is contained in:
Denys Vuika 2016-11-04 12:00:32 +00:00
parent 5eb4afb6d2
commit fee0ff32a8
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ng2-components/ng2-activiti-form/src/components/widgets/upload/upload.widget.css
View File

@ -1,5 +1,6 @@
.upload-widget { .upload-widget {
width:100% width:100%;
word-break: break-all;
} }
.upload-widget__icon { .upload-widget__icon {
@ -13,7 +14,7 @@
.upload-widget__reset { .upload-widget__reset {
float: left; float: left;
margin-top: 4px; margin-top: -2px;
} }
.upload-widget__invalid .upload-widget__label { .upload-widget__invalid .upload-widget__label {

5
ng2-components/ng2-activiti-form/src/components/widgets/upload/upload.widget.html
View File

@ -10,7 +10,10 @@
[attr.id]="field.id" [attr.id]="field.id"
class="upload-widget__file" class="upload-widget__file"
(change)="onFileChanged($event)"> (change)="onFileChanged($event)">
<button *ngIf="hasFile" (click)="reset(file);" class="upload-widget__reset">X</button> <button *ngIf="hasFile" (click)="reset(file);"
class="mdl-button mdl-js-button mdl-button--icon upload-widget__reset">
<i class="material-icons">highlight_off</i>
</button>
</div> </div>
<span *ngIf="field.validationSummary" class="mdl-textfield__error">{{field.validationSummary}}</span> <span *ngIf="field.validationSummary" class="mdl-textfield__error">{{field.validationSummary}}</span>
</div> </div>