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

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.html
View File

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

17
lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.scss
View File

@ -27,16 +27,6 @@
button span {
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 {
padding: 6px;
float: left;
cursor: pointer;
font-size: var(--theme-adf-picture-1-font-size);
height: var(--theme-adf-picture-1-font-size);
width: var(--theme-adf-picture-1-font-size);
line-height: calc(var(--theme-adf-picture-1-font-size) - 2px);
}
&-attach-widget__reset {