From 449d0c99d55fa4b63144b32cb03d1ca6a8aef114 Mon Sep 17 00:00:00 2001 From: RachelElysia <71795832+RachelElysia@users.noreply.github.com> Date: Fri, 11 Aug 2023 10:00:21 -0400 Subject: [PATCH] Fleet UI: [unreleased bug] Fix hover fill of reveal button (#13291) --- .../buttons/RevealButton/_styles.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/frontend/components/buttons/RevealButton/_styles.scss b/frontend/components/buttons/RevealButton/_styles.scss index 88c3fe554d..f742c07069 100644 --- a/frontend/components/buttons/RevealButton/_styles.scss +++ b/frontend/components/buttons/RevealButton/_styles.scss @@ -2,4 +2,23 @@ display: inline-flex; align-items: center; padding: $pad-small $pad-xxsmall; // larger clickable area + + svg { + path { + fill: none; // Chevron icon uses stroke color + } + } + + &:hover, + &:focus { + .component__tooltip-wrapper__element { + color: $core-vibrant-blue-over; + } + + svg { + path { + stroke: $core-vibrant-blue-over; + } + } + } }