diff --git a/src/app/features/website/catalog/components/catalog-empty-state/catalog-empty-state.component.scss b/src/app/features/website/catalog/components/catalog-empty-state/catalog-empty-state.component.scss index 414783d..c9f4525 100644 --- a/src/app/features/website/catalog/components/catalog-empty-state/catalog-empty-state.component.scss +++ b/src/app/features/website/catalog/components/catalog-empty-state/catalog-empty-state.component.scss @@ -70,6 +70,12 @@ transform: translateY(-1px); } +.catalog-empty-state__action:focus-visible, +.catalog-empty-state__chip:focus-visible { + outline: 2px solid var(--primary-color); + outline-offset: 2px; +} + .catalog-empty-state__action.secondary { background: transparent; color: var(--text-secondary); diff --git a/src/app/features/website/catalog/containers/catalog-container.component.html b/src/app/features/website/catalog/containers/catalog-container.component.html index 96e885b..e427a12 100644 --- a/src/app/features/website/catalog/containers/catalog-container.component.html +++ b/src/app/features/website/catalog/containers/catalog-container.component.html @@ -180,7 +180,7 @@ [message]="'catalog.emptyCategoryMessage' | translate" [actionLabel]="'catalog.browseCategories' | translate" [secondaryActionLabel]="'catalog.goToParentCategory' | translate" - (action)="browseCategories()" /> + (action)="browseCategories()" (secondaryAction)="goToParentCategory()" /> } @else if (isFilteredEmptyState()) {