From f5ccd56e652fd8aa546557714f82d9168fbc73da Mon Sep 17 00:00:00 2001
From: "viviz.thapunyaphat@allianz.com" <viviz.thapunyaphat@allianz.com>
Date: Wed, 5 Jun 2024 13:26:15 +0700
Subject: [PATCH] docs(small-stage): focusable breadcrumb in small stage
example (#1207)
* fix(breadcrumb): remove native outline
* docs(small-stage): make breadcrumb focusable
* docs(small-stage): make breadcrumb focusable
* fix(header): prevent style leak
* Revert "fix(header): prevent style leak"
This reverts commit 9800f11974ee1f514e445cd3c21b09b8457765f2.
* fix(breadcrumb): revert
---
.../small-stage-content-variation-example.html | 6 +++---
.../small-stage-default/small-stage-default-example.html | 6 +++++-
2 files changed, 8 insertions(+), 4 deletions(-)
diff --git a/projects/ng-aquila/documentation/examples/small-stage/small-stage-content-variation/small-stage-content-variation-example.html b/projects/ng-aquila/documentation/examples/small-stage/small-stage-content-variation/small-stage-content-variation-example.html
index cd3fbbf85..a2d36d931 100644
--- a/projects/ng-aquila/documentation/examples/small-stage/small-stage-content-variation/small-stage-content-variation-example.html
+++ b/projects/ng-aquila/documentation/examples/small-stage/small-stage-content-variation/small-stage-content-variation-example.html
@@ -31,9 +31,9 @@ <h2 nxHeadline="section">Headline text</h2>
<nx-small-stage class="nx-margin-bottom-m">
<nav aria-label="Breadcrumb" nxSmallStageHeader>
<ol nxBreadcrumb>
- <li><a nxBreadcrumbItem>Home</a></li>
- <li><a nxBreadcrumbItem>Insurance</a></li>
- <li><a nxBreadcrumbItem>Health Insurance</a></li>
+ <li><a href="#" nxBreadcrumbItem>Home</a></li>
+ <li><a href="#" nxBreadcrumbItem>Insurance</a></li>
+ <li><a href="#" nxBreadcrumbItem>Health Insurance</a></li>
</ol>
</nav>
diff --git a/projects/ng-aquila/documentation/examples/small-stage/small-stage-default/small-stage-default-example.html b/projects/ng-aquila/documentation/examples/small-stage/small-stage-default/small-stage-default-example.html
index 57ff1eb6a..3e0eac8e9 100644
--- a/projects/ng-aquila/documentation/examples/small-stage/small-stage-default/small-stage-default-example.html
+++ b/projects/ng-aquila/documentation/examples/small-stage/small-stage-default/small-stage-default-example.html
@@ -2,7 +2,11 @@
<nav aria-label="Breadcrumb" nxSmallStageHeader>
<ol nxBreadcrumb>
<li *ngFor="let item of dynamicItems; let i = index">
- <a nxBreadcrumbItem (click)="goToItem(i)" routerLink="#">
+ <a
+ nxBreadcrumbItem
+ (click)="goToItem(i)"
+ href="javascript:void(0)"
+ >
{{ item }}
</a>
</li>