From d3281e74b2c431c5982c55585cc127140a94b29a Mon Sep 17 00:00:00 2001 From: "A. Wilcox" Date: Fri, 9 Jan 2026 17:36:26 -0600 Subject: [PATCH] stylesheets: Fix link styling * Instead of changing the colour of links on hover to the highlight colour (which results in very poor contrast), use the box shadow effect that we already use in Framework and Lost-and-Found. * For the login button on the header, change the cursor to a pointer so it appears as a link, instead of leaving it as an arrow since it actually is a button. This helps POLA / UX. Closes: ADA-668 --- app/assets/stylesheets/includes/main.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/includes/main.scss b/app/assets/stylesheets/includes/main.scss index 48b5617..764fb5a 100644 --- a/app/assets/stylesheets/includes/main.scss +++ b/app/assets/stylesheets/includes/main.scss @@ -99,9 +99,10 @@ header { ul { a, form.calnet_auth > button { color: black; + cursor: pointer; &:hover { - color: $color-anchor-highlight; + box-shadow: inset 0 -4px 0 $color-anchor-highlight; } } } @@ -119,7 +120,7 @@ footer { color: white; &:hover, &:focus { - color: $color-anchor-highlight; + box-shadow: inset 0 -4px 0 $color-anchor-highlight; } }