mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2026-09-09 18:03:21 +00:00
Fixes icon button color in array item (#11588)
Removes specific styling for the icon button in array items to inherit the correct color. This ensures the button's icon color aligns with the theme. Fixes AAE-41713
This commit is contained in:
+3
-2
@@ -53,13 +53,14 @@
|
|||||||
<ng-template #elseEmptyValueBlock>
|
<ng-template #elseEmptyValueBlock>
|
||||||
<span class="adf-card-array-item-default" data-automation-id="card-arrayitem-default">{{ property?.default | translate }}</span>
|
<span class="adf-card-array-item-default" data-automation-id="card-arrayitem-default">{{ property?.default | translate }}</span>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
<button mat-icon-button *ngIf="showClickableIcon"
|
@if (showClickableIcon) {
|
||||||
|
<button mat-icon-button
|
||||||
(click)="clicked()"
|
(click)="clicked()"
|
||||||
(keydown.enter)="clicked()"
|
(keydown.enter)="clicked()"
|
||||||
class="adf-array-item-action"
|
|
||||||
[attr.aria-label]="'CORE.METADATA.ACTIONS.EDIT' | translate"
|
[attr.aria-label]="'CORE.METADATA.ACTIONS.EDIT' | translate"
|
||||||
[attr.title]="'CORE.METADATA.ACTIONS.EDIT' | translate"
|
[attr.title]="'CORE.METADATA.ACTIONS.EDIT' | translate"
|
||||||
[attr.data-automation-id]="'card-array-item-clickable-icon-' + property.key">
|
[attr.data-automation-id]="'card-array-item-clickable-icon-' + property.key">
|
||||||
<mat-icon class="adf-array-item-button-icon" [adf-icon]="property.icon" />
|
<mat-icon class="adf-array-item-button-icon" [adf-icon]="property.icon" />
|
||||||
</button>
|
</button>
|
||||||
|
}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
-9
@@ -5,15 +5,6 @@
|
|||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-array-item-action {
|
|
||||||
color: var(--adf-theme-foreground-text-color-025);
|
|
||||||
}
|
|
||||||
|
|
||||||
&-array-item-action:hover,
|
|
||||||
&-array-item-action:focus {
|
|
||||||
color: var(--adf-theme-foreground-text-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
&-card-array-item-default {
|
&-card-array-item-default {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|||||||
Reference in New Issue
Block a user