docs(docs-infra): update update guide when changing level (angular#62526)

JeanMeche · AndrewKushnir · commit 2ddd9aa4c3e2 · 2025-07-09T12:40:01.000-07:00
This commit also fixes the colors of the material button toggle fixes angular#62432 PR Close angular#62526
diff --git a/adev/shared-docs/styles/_colors.scss b/adev/shared-docs/styles/_colors.scss
@@ -293,6 +293,17 @@
   )
 );
 
+:root {
+  @include mat.button-toggle-overrides(
+    (
+      text-color: var(--primary-contrast),
+      background-color: var(--octonary-contrast),
+      selected-state-text-color: var(--secondary-contrast),
+      selected-state-background-color: var(--senary-contrast),
+    )
+  );
+}
+
 // LIGHT MODE (Explicit)
 .docs-light-mode {
   background-color: #ffffff;
diff --git a/adev/src/app/features/update/update.component.html b/adev/src/app/features/update/update.component.html
@@ -84,7 +84,7 @@ <h3>Angular versions</h3>
 
       <h3>Application complexity</h3>
       <mat-button-toggle-group
-        (change)="level = $event.value;"
+        (change)="level = $event.value; showUpdatePath()"
         [value]="level"
         style="margin-bottom:16px;"
       >

Original file line number	Diff line number	Diff line change
`@@ -84,7 +84,7 @@ <h3>Angular versions</h3>`
`84`	`84`
`85`	`85`	`<h3>Application complexity</h3>`
`86`	`86`	`<mat-button-toggle-group`
`87`		`- (change)="level = $event.value;"`
	`87`	`+ (change)="level = $event.value; showUpdatePath()"`
`88`	`88`	`[value]="level"`
`89`	`89`	`style="margin-bottom:16px;"`
`90`	`90`	`>`