[AAE-19621] Fix icon cut off in attach file button (#9249)

This commit is contained in:
Robert Duda 2024-01-17 11:35:46 +01:00 committed by GitHub
parent 9c570701e2
commit d95e46e485
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 17 deletions

View File

@ -6,10 +6,16 @@
</label> </label>
<div class="adf-attach-widget-container" (focusout)="markAsTouched()"> <div class="adf-attach-widget-container" (focusout)="markAsTouched()">
<div class="adf-attach-widget__menu-upload" *ngIf="isUploadButtonVisible()"> <div class="adf-attach-widget__menu-upload" *ngIf="isUploadButtonVisible()">
<button (click)="openSelectDialog()" mat-raised-button color="primary" [id]="field.id" <button
[matTooltip]="field.tooltip" matTooltipPosition="above" matTooltipShowDelay="1000"> (click)="openSelectDialog()"
{{ 'FORM.FIELD.ATTACH' | translate }} mat-raised-button
<mat-icon>{{getWidgetIcon()}}</mat-icon> color="primary"
[id]="field.id"
[matTooltip]="field.tooltip"
matTooltipPosition="above"
matTooltipShowDelay="1000">
{{ 'FORM.FIELD.ATTACH' | translate }}
<mat-icon class="adf-attach-widget__icon">{{getWidgetIcon()}}</mat-icon>
</button> </button>
</div> </div>
</div> </div>

View File

@ -27,16 +27,6 @@
button span { button span {
font-size: var(--theme-caption-font-size); font-size: var(--theme-caption-font-size);
mat-icon {
line-height: 12px;
height: 12px;
width: 12px;
}
.material-icons {
font-size: var(--theme-adf-picture-1-font-size);
}
} }
} }
@ -86,9 +76,10 @@
} }
&-attach-widget__icon { &-attach-widget__icon {
padding: 6px; font-size: var(--theme-adf-picture-1-font-size);
float: left; height: var(--theme-adf-picture-1-font-size);
cursor: pointer; width: var(--theme-adf-picture-1-font-size);
line-height: calc(var(--theme-adf-picture-1-font-size) - 2px);
} }
&-attach-widget__reset { &-attach-widget__reset {