fix(storefront): polish catalog

Fix broken markup in the empty-category state: app-catalog-empty-state
self-closed one line early, leaving (secondaryAction)="goToParentCategory()"
as an orphaned line outside any tag — Angular rendered it as literal
text on the page and the handler was never wired to the component.

Add missing :focus-visible states to catalog-empty-state action/chip
buttons, matching the pattern already used by sibling catalog components.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
sdarbinyan
2026-07-19 23:29:14 +04:00
parent bb461e007e
commit 893852cbb1
2 changed files with 7 additions and 1 deletions

View File

@@ -70,6 +70,12 @@
transform: translateY(-1px); 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 { .catalog-empty-state__action.secondary {
background: transparent; background: transparent;
color: var(--text-secondary); color: var(--text-secondary);

View File

@@ -180,7 +180,7 @@
[message]="'catalog.emptyCategoryMessage' | translate" [message]="'catalog.emptyCategoryMessage' | translate"
[actionLabel]="'catalog.browseCategories' | translate" [actionLabel]="'catalog.browseCategories' | translate"
[secondaryActionLabel]="'catalog.goToParentCategory' | translate" [secondaryActionLabel]="'catalog.goToParentCategory' | translate"
(action)="browseCategories()" /> (action)="browseCategories()"
(secondaryAction)="goToParentCategory()" /> (secondaryAction)="goToParentCategory()" />
} @else if (isFilteredEmptyState()) { } @else if (isFilteredEmptyState()) {
<app-catalog-empty-state <app-catalog-empty-state