#748 attach widget improvements

- 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

View File

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

View File

@ -10,7 +10,10 @@
[attr.id]="field.id"
class="upload-widget__file"
(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>
<span *ngIf="field.validationSummary" class="mdl-textfield__error">{{field.validationSummary}}</span>
</div>