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:
@@ -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);
|
||||
|
||||
@@ -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()) {
|
||||
<app-catalog-empty-state
|
||||
|
||||
Reference in New Issue
Block a user