Reinstate sticky secondary navigation on patient session page (#3140)

paulrobertlloyd · web-flow · commit 3ddeba685bdf · 2025-03-05T10:36:51.000Z
Reinstate the sticky navigation variant (used on the patient session page) to the secondary navigation component, that was removed in #3102.
diff --git a/app/assets/stylesheets/_secondary-navigation.scss b/app/assets/stylesheets/_secondary-navigation.scss
@@ -11,6 +11,13 @@
   }
 }
 
+.app-secondary-navigation--sticky {
+  background-color: $color_nhsuk-grey-5;
+  position: sticky;
+  top: 0;
+  z-index: 99;
+}
+
 .app-secondary-navigation__link {
   @include nhsuk-link-style-default;
   @include nhsuk-link-style-no-visited-state;

Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,13 @@`
`11`	`11`	`}`
`12`	`12`	`}`
`13`	`13`
	`14`	`+.app-secondary-navigation--sticky {`
	`15`	`+ background-color: $color_nhsuk-grey-5;`
	`16`	`+ position: sticky;`
	`17`	`+ top: 0;`
	`18`	`+ z-index: 99;`
	`19`	`+}`
	`20`	`+`
`14`	`21`	`.app-secondary-navigation__link {`
`15`	`22`	`@include nhsuk-link-style-default;`
`16`	`23`	`@include nhsuk-link-style-no-visited-state;`