Merge pull request #4894 from jeradrutnam/master

Fix some issues in angular quick-start guide
wso2 · Dec 5, 2024 · 46aa5ff · 46aa5ff
2 parents 8f22210 + e6f4459
commit 46aa5ff
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 16 deletions.
diff --git a/en/asgardeo/docs/quick-starts/angular.md b/en/asgardeo/docs/quick-starts/angular.md
@@ -11,11 +11,10 @@ prerequisites:
   - About 15 minutes
   - <a href="{{ base_path }}/get-started/create-asgardeo-account/">{{product_name}} account</a>
   - Install a JS package manager
-  - Install <a href="https://angular.dev/tools/cli/setup-local" target="_blank">Angular CLI <a>
+  - Install <a href="https://angular.dev/tools/cli/setup-local" target="_blank">Angular CLI </a>
   - A favorite text editor or IDE
-source_code: <a href="" target="_blank" class="github-icon">Angular App Sample</a>
-
-whats_next:
+# source_code: <a href="" target="_blank" class="github-icon">Angular App Sample</a>
+# whats_next:
 #   - Try out <a href="{{ base_path }}/complete-guides/react/introduction/" target="_blank">{{ product_name }} complete React guide</a>
 #   - Try out {{product_name}} user onboarding complete guide for React
 #   - Read security best practices for React app guide

diff --git a/en/asgardeo/mkdocs.yml b/en/asgardeo/mkdocs.yml
@@ -492,6 +492,9 @@ nav:
         - Client-request: references/token-binding/client-request.md
       - Financial-grade API: references/financial-grade-api.md
       - App-native authentication: references/app-native-authentication.md
+  - Quick Starts:
+    - React Quickstart: quick-starts/react.md
+    - Angular Quickstart:  quick-starts/angular.md
   - React Guide:
     - Introduction: complete-guides/react/introduction.md
     - Prerequisite: complete-guides/react/prerequisite.md
@@ -527,6 +530,7 @@ nav:
     - Accessing protected API : complete-guides/angular/accessing-protected-api.md
     - Manage tokens in Angular : complete-guides/angular/manage-tokens.md
     - Next Steps: complete-guides/angular/next-steps.md
+
 not_in_nav: |
   /page-not-found.md
   /get-started/explore-asgardeo.md

diff --git a/en/identity-server/7.0.0/docs/quick-starts/angular.md b/en/identity-server/7.0.0/docs/quick-starts/angular.md
@@ -11,11 +11,10 @@ prerequisites:
   - About 15 minutes
   - <a href="{{ base_path }}/get-started/quick-set-up/">Set-up WSO2 Identity Server</a>
   - Install a JS package manager
-  - Install <a href="https://angular.dev/tools/cli/setup-local" target="_blank">Angular CLI <a>
+  - Install <a href="https://angular.dev/tools/cli/setup-local" target="_blank">Angular CLI</a>
   - A favorite text editor or IDE
-source_code: <a href="" target="_blank" class="github-icon">Angular App Sample</a>
-
-whats_next:
+# source_code: <a href="" target="_blank" class="github-icon">Angular App Sample</a>
+# whats_next:
 #   - Try out <a href="{{ base_path }}/complete-guides/react/introduction/" target="_blank">{{ product_name }} complete React guide</a>
 #   - Try out {{product_name}} user onboarding complete guide for React
 #   - Read security best practices for React app guide

diff --git a/en/identity-server/7.0.0/mkdocs.yml b/en/identity-server/7.0.0/mkdocs.yml
@@ -896,6 +896,9 @@ nav:
     - Accessing protected API : complete-guides/react/accessing-protected-api.md
     - Manage tokens in React : complete-guides/react/manage-tokens-in-React-apps.md
     - Next Steps: complete-guides/react/next-steps.md
+  - Quick Starts:
+    - React Quickstart: quick-starts/react.md
+    - Angular Quickstart:  quick-starts/angular.md
 
 
 not_in_nav: |

diff --git a/en/theme/material/assets/css/quick-start.css b/en/theme/material/assets/css/quick-start.css
@@ -116,14 +116,14 @@ ul.tick-list > li:before {
     margin-top: .7rem;
 }
 
-[data-md-component='toc'] .md-nav__link {
+.md-sidebar--secondary [data-md-component='toc'] .md-nav__link {
     position: relative;
     overflow: visible;
     padding: 0 .6rem .5rem .8rem;
     margin: 0;
 }
 
-[data-md-component='toc'] .md-nav__link::before {
+.md-sidebar--secondary [data-md-component='toc'] .md-nav__link::before {
     content: '';
     position: absolute;
     top: .95rem;
@@ -133,11 +133,11 @@ ul.tick-list > li:before {
     border-left: 1px solid var(--md-default-fg-color);
 }
 
-[data-md-component='toc'] .md-nav__item:last-child > .md-nav__link::before {
+.md-sidebar--secondary [data-md-component='toc'] .md-nav__item:last-child > .md-nav__link::before {
     border-left: none !important;
 }
 
-[data-md-component='toc'] .md-nav__link .toc-step-number {
+.md-sidebar--secondary [data-md-component='toc'] .md-nav__link .toc-step-number {
     display: block;
     top: 4px;
     left: -7px;
@@ -151,16 +151,16 @@ ul.tick-list > li:before {
     text-align: center;
 }
 
-[data-md-component='toc'] .md-nav__link.md-nav__link--active .toc-step-number {
+.md-sidebar--secondary [data-md-component='toc'] .md-nav__link.md-nav__link--active .toc-step-number {
     color: var(--colors-white);
     background: var(--md-typeset-a-color);
 }
 
-[data-md-component='toc'] .md-nav__link.md-nav__link--passed:not(.md-nav__link--active) .toc-step-number {
+.md-sidebar--secondary [data-md-component='toc'] .md-nav__link.md-nav__link--passed:not(.md-nav__link--active) .toc-step-number {
     background: var(--md-default-fg-color--light);
 }
 
-[data-md-component='toc'] .md-nav__link.md-nav__link--passed::before {
+.md-sidebar--secondary [data-md-component='toc'] .md-nav__link.md-nav__link--passed::before {
     border-left-color: var(--md-default-fg-color--light);
 }
 

diff --git a/en/theme/material/templates/quick-start.html b/en/theme/material/templates/quick-start.html
@@ -191,7 +191,7 @@ <h2>What's Next?</h2>
   </script>
   <script>
 
-    const toc = document.querySelector('[data-md-component="toc"]');
+    const toc = document.querySelector('.md-sidebar--secondary [data-md-component="toc"]');
 
     // Initialize the section count
     let sectionCountw = 1;