mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
#748 attach widget improvements
- material remove button (same look cross browser) - word wrapping for long file names
This commit is contained in:
parent
5eb4afb6d2
commit
fee0ff32a8
@ -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 {
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user