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);
|
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);
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user