[PRMP-1237] Underline nav bar links in the nav bar

mark-start-nhs · web-flow · commit 9c5628721535 · 2025-01-02T15:21:39.000Z
diff --git a/app/src/styles/App.scss b/app/src/styles/App.scss
@@ -678,9 +678,16 @@ $hunit: '%';
     }
 
     &_item {
-        a,
-        a:hover {
+
+        a {
             color: $color_nhsuk-white;
+            text-decoration: underline;
+            text-decoration-color: $color_nhsuk-white;
+            text-underline-offset: 2px;
+        }
+
+        a:hover {
+            text-decoration: none;
         }
 
         a:visited {
@@ -690,7 +697,9 @@ $hunit: '%';
         &--desktop {
             margin: 0 2rem;
         }
+
     }
+
 }
 
 // Generic

Original file line number	Diff line number	Diff line change
`@@ -678,9 +678,16 @@ $hunit: '%';`
`678`	`678`	`}`
`679`	`679`
`680`	`680`	`&_item {`
`681`		`- a,`
`682`		`- a:hover {`
	`681`	`+`
	`682`	`+ a {`
`683`	`683`	`color: $color_nhsuk-white;`
	`684`	`+ text-decoration: underline;`
	`685`	`+ text-decoration-color: $color_nhsuk-white;`
	`686`	`+ text-underline-offset: 2px;`
	`687`	`+ }`
	`688`	`+`
	`689`	`+ a:hover {`
	`690`	`+ text-decoration: none;`
`684`	`691`	`}`
`685`	`692`
`686`	`693`	`a:visited {`
`@@ -690,7 +697,9 @@ $hunit: '%';`
`690`	`697`	`&--desktop {`
`691`	`698`	`margin: 0 2rem;`
`692`	`699`	`}`
	`700`	`+`
`693`	`701`	`}`
	`702`	`+`
`694`	`703`	`}`
`695`	`704`
`696`	`705`	`// Generic`