From 2ca086013ff6758430c8c155e4476774534d3c57 Mon Sep 17 00:00:00 2001 From: ondinafrate Date: Sat, 7 Sep 2024 19:01:44 -0700 Subject: [PATCH] Changing styling to highlight hover more clearly. --- src/components/Dropdown/styles.module.scss | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/src/components/Dropdown/styles.module.scss b/src/components/Dropdown/styles.module.scss index b2a1612608..11add06086 100644 --- a/src/components/Dropdown/styles.module.scss +++ b/src/components/Dropdown/styles.module.scss @@ -14,6 +14,7 @@ border: 1px solid var(--accent-type-color); background-color: var(--accent-color); color: var(--accent-type-color); + overflow: hidden; } .selected { @@ -93,10 +94,16 @@ } } -li[aria-selected="false"]:hover .icon { - svg { - background: var(--accent-type-color); - border-radius: 2rem; +.options { + li:hover { + background-color: var(--accent-type-color); + color: var(--accent-color); + } + + li:first-child:hover~button, + li:first-child:hover~div { + background-color: var(--accent-type-color); + color: var(--accent-color); } }