inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[AAE-23622] fixed buttons and chips (#9913)

Browse Source
This commit is contained in:
tomasz hanaj
2024-07-04 12:35:43 +02:00
committed by VitoAlbano
parent 1a137da0b0
commit 764633e8fe
2 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.html
View File

@@ -8,8 +8,10 @@
(keyup.enter)="clicked()" (keyup.enter)="clicked()"
(click)="clicked()" (click)="clicked()"
[attr.data-automation-id]="'card-arrayitem-chip-' + item.value"> [attr.data-automation-id]="'card-arrayitem-chip-' + item.value">
<mat-icon *ngIf="item?.icon" class="adf-array-item-icon">{{item.icon}}</mat-icon> <div class="adf-card-view-array-chip-content">
<span>{{item?.value}}</span> <mat-icon *ngIf="item?.icon" class="adf-array-item-icon">{{item.icon}}</mat-icon>
<span>{{item?.value}}</span>
</div>
</mat-chip-option> </mat-chip-option>
<mat-chip-option <mat-chip-option
*ngIf="items.length > displayCount" *ngIf="items.length > displayCount"
@@ -24,8 +26,10 @@
(keyup.enter)="clicked()" (keyup.enter)="clicked()"
(click)="clicked()" (click)="clicked()"
[attr.data-automation-id]="'card-arrayitem-chip-' + item.value"> [attr.data-automation-id]="'card-arrayitem-chip-' + item.value">
<mat-icon *ngIf="item?.icon" class="adf-array-item-icon">{{item.icon}}</mat-icon> <div class="adf-card-view-array-chip-content">
<span>{{item?.value}}</span> <mat-icon *ngIf="item?.icon" class="adf-array-item-icon">{{item.icon}}</mat-icon>
<span>{{item?.value}}</span>
</div>
</mat-chip-option> </mat-chip-option>
</ng-template> </ng-template>
</mat-chip-listbox> </mat-chip-listbox>
@@ -36,8 +40,10 @@
<mat-chip-option (click)="clicked()" (keyup.enter)="clicked()" <mat-chip-option (click)="clicked()" (keyup.enter)="clicked()"
*ngFor="let item of items.slice(displayCount, items.length)" *ngFor="let item of items.slice(displayCount, items.length)"
[attr.data-automation-id]="'card-arrayitem-chip-' + item.value"> [attr.data-automation-id]="'card-arrayitem-chip-' + item.value">
<mat-icon *ngIf="item?.icon" class="adf-array-item-icon">{{item.icon}}</mat-icon> <div class="adf-card-view-array-chip-content">
<span>{{item?.value}}</span> <mat-icon *ngIf="item?.icon" class="adf-array-item-icon">{{item.icon}}</mat-icon>
<span>{{item?.value}}</span>
</div>
</mat-chip-option> </mat-chip-option>
</mat-chip-listbox> </mat-chip-listbox>
</mat-card-content> </mat-card-content>
@@ -54,6 +60,6 @@
[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-icon">{{property.icon}}</mat-icon> <mat-icon class="adf-array-item-button-icon">{{property.icon}}</mat-icon>
</button> </button>
</div> </div>

6
lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss
View File

@@ -43,7 +43,6 @@
place-content: center space-between; place-content: center space-between;
align-items: center; align-items: center;
background: var(--adf-card-view-array-item-background); background: var(--adf-card-view-array-item-background);
border: var(--adf-card-view-array-item-border);
border-color: var(--adf-card-view-array-item-border-color); border-color: var(--adf-card-view-array-item-border-color);
border-radius: var(--adf-card-view-array-item-border-radius); border-radius: var(--adf-card-view-array-item-border-radius);
@@ -51,4 +50,9 @@
cursor: pointer; cursor: pointer;
} }
} }
&-card-view-array-chip-content {
align-items: center;
display: flex;
}
} }