inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-31 17:38:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

ACS-8498] [ACA] Testing Angular 15 - Toolbar buttons layout is broken (#3995)

Browse Source
This commit is contained in:
Denys Vuika
2024-08-07 21:33:52 -04:00
committed by GitHub
parent 4c02291a84
commit 3075135fbc
22 changed files with 38 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
projects/aca-content/src/lib/components/context-menu/context-menu-item.component.html
View File

@@ -2,7 +2,7 @@
<ng-container [ngSwitch]="actionRef.type">
<ng-container *ngSwitchCase="'menu'">
<button mat-menu-item [id]="actionRef.id" [matMenuTriggerFor]="childMenu">
<adf-icon [value]="actionRef.icon"></adf-icon>
<adf-icon [value]="actionRef.icon" class="app-context-menu-item--icon"></adf-icon>
<span [attr.data-automation-id]="actionRef.id + '-label'">{{ actionRef.title | translate }}</span>
</button>
@@ -22,8 +22,8 @@
</ng-container>
<ng-container *ngSwitchDefault>
<button mat-menu-item color="primary" [id]="actionRef.id" (click)="runAction()">
<adf-icon [value]="actionRef.icon"></adf-icon>
<button mat-menu-item [id]="actionRef.id" (click)="runAction()">
<adf-icon [value]="actionRef.icon" class="app-context-menu-item--icon"></adf-icon>
<span [attr.data-automation-id]="actionRef.id + '-label'">{{ actionRef.title | translate }}</span>
</button>
</ng-container>

4
projects/aca-content/src/lib/components/context-menu/context-menu.component.html
View File

@@ -5,7 +5,7 @@
<ng-container *ngFor="let entry of actions; trackBy: trackByActionId" [ngSwitch]="entry.type">
<ng-container *ngSwitchDefault>
<button mat-menu-item [id]="entry.id" (click)="runAction(entry)">
<adf-icon [value]="entry.icon"></adf-icon>
<adf-icon [value]="entry.icon" class="app-context-menu-item--icon"></adf-icon>
<span [attr.data-automation-id]="entry.id + '-label'">{{ entry.title | translate }}</span>
</button>
</ng-container>
@@ -16,7 +16,7 @@
<ng-container *ngSwitchCase="'menu'">
<button mat-menu-item [id]="entry.id" [matMenuTriggerFor]="childMenu">
<adf-icon [value]="entry.icon"></adf-icon>
<adf-icon [value]="entry.icon" class="app-context-menu-item--icon"></adf-icon>
<span [attr.data-automation-id]="entry.id + '-label'">{{ entry.title | translate }}</span>
</button>

8
projects/aca-content/src/lib/components/context-menu/context-menu.component.scss Normal file
View File

@@ -0,0 +1,8 @@
.aca-context-menu {
.app-context-menu-item {
&--icon {
display: inline-flex;
vertical-align: middle;
}
}
}

1
projects/aca-content/src/lib/components/context-menu/context-menu.component.ts
View File

@@ -52,6 +52,7 @@ import { OutsideEventDirective } from './context-menu-outside-event.directive';
],
selector: 'aca-context-menu',
templateUrl: './context-menu.component.html',
styleUrls: ['./context-menu.component.scss'],
host: {
class: 'aca-context-menu-holder'
},