diff --git a/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.html b/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.html index 15d875c80..a27af38ba 100644 --- a/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.html +++ b/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.html @@ -1,11 +1,9 @@
- - - +

{{ 'ACA_FOLDER_RULES.ACTIONS.MANAGE_RULES' | translate }}

@@ -18,12 +16,12 @@ - + - + folder -

{{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.BREADCRUMB.RULES' | translate}}

-
+ {{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.BREADCRUMB.RULES' | translate}} + -
+
diff --git a/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.scss b/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.scss index 190d1f09b..7dd91663e 100644 --- a/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.scss +++ b/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.scss @@ -16,6 +16,16 @@ background: var(--mdc-switch-selected-pressed-handle-color); } + &__toolbar { + color: var(--adf-theme-foreground-text-color-064); + height: 64px; + font-size: var(--theme-body-1-font-size); + white-space: normal; + background-color: inherit; + border: none; + padding: 0; + } + &__actions-bar { padding: 0 30px; display: flex; @@ -26,8 +36,10 @@ } &__title { + display: flex; align-items: center; flex: 1; + font-size: var(--theme-body-1-font-size); } &__buttons { diff --git a/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.ts b/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.ts index 6ad363cfd..f276323e2 100644 --- a/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.ts +++ b/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.ts @@ -32,7 +32,7 @@ import { NodeInfo } from '@alfresco/aca-shared/store'; import { delay } from 'rxjs/operators'; import { EditRuleDialogUiComponent } from '../rule-details/edit-rule-dialog.ui-component'; import { MatDialog } from '@angular/material/dialog'; -import { ConfirmDialogComponent, EmptyContentComponent, NotificationService, ToolbarComponent, ToolbarTitleComponent } from '@alfresco/adf-core'; +import { ConfirmDialogComponent, EmptyContentComponent, NotificationService } from '@alfresco/adf-core'; import { ActionDefinitionTransformed } from '../model/rule-action.model'; import { ActionsService } from '../services/actions.service'; import { FolderRuleSetsService } from '../services/folder-rule-sets.service'; @@ -49,6 +49,7 @@ import { MatDividerModule } from '@angular/material/divider'; import { RuleListUiComponent } from '../rule-list/rule-list/rule-list.ui-component'; import { RuleDetailsUiComponent } from '../rule-details/rule-details.ui-component'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; +import { MatToolbar } from '@angular/material/toolbar'; @Component({ imports: [ @@ -65,8 +66,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; GenericErrorComponent, RuleDetailsUiComponent, EmptyContentComponent, - ToolbarTitleComponent, - ToolbarComponent + MatToolbar ], selector: 'aca-manage-rules', templateUrl: 'manage-rules.smart-component.html', diff --git a/projects/aca-playwright-shared/src/page-objects/components/dataTable/toolbar.component.ts b/projects/aca-playwright-shared/src/page-objects/components/dataTable/toolbar.component.ts index a3c707242..b71141e90 100644 --- a/projects/aca-playwright-shared/src/page-objects/components/dataTable/toolbar.component.ts +++ b/projects/aca-playwright-shared/src/page-objects/components/dataTable/toolbar.component.ts @@ -27,18 +27,18 @@ import { Page } from '@playwright/test'; export class ToolbarComponent extends BaseComponent { private static rootElement = 'adf-toolbar'; - private createRuleButton = this.getChild('[data-automation-id="manage-rules-create-button"]'); - private linkRulesButton = this.getChild('[data-automation-id="manage-rules-link-button"]'); constructor(page: Page) { super(page, ToolbarComponent.rootElement); } async clickCreateRuleButton(): Promise { - await this.createRuleButton.click(); + const button = this.page.locator('[data-automation-id="manage-rules-create-button"]'); + await button.click(); } async clickLinkRulesButton(): Promise { - await this.linkRulesButton.click(); + const button = this.page.locator('[data-automation-id="manage-rules-link-button"]'); + await button.click(); } }