From 2d1ccb4a00d0c852cdfae9f72e49d7c164f7a84c Mon Sep 17 00:00:00 2001 From: Corban-Lee Date: Tue, 15 Oct 2024 12:08:07 +0100 Subject: [PATCH] keep hover state when sidebar button's dropdown is showing --- apps/home/static/home/scss/sidebar.scss | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/apps/home/static/home/scss/sidebar.scss b/apps/home/static/home/scss/sidebar.scss index bd2c125..c1c1c68 100644 --- a/apps/home/static/home/scss/sidebar.scss +++ b/apps/home/static/home/scss/sidebar.scss @@ -251,7 +251,7 @@ color: var(--bs-body-color); background-color: inherit; - &:hover, &:focus, &.active { background-color: var(--bs-body-bg); } + &:hover, &:focus, &.active, &:has(>.show) { background-color: var(--bs-body-bg); } &.sidebar-mini-btn { @@ -310,7 +310,7 @@ background-color: inherit; border-radius: $border-radius-sm; - &:hover, &:focus { background-color: var(--bs-tertiary-bg); } + &:hover, &:focus { background-color: var(--bs-body-bg); } &.active { @@ -326,11 +326,18 @@ .dropdown-menu { border: none; - border-radius: var(--bs-border-radius-sm); - box-shadow: var(--bs-box-shadow); padding: 0.25rem; + box-shadow: var(--bs-box-shadow); + border-radius: var(--bs-border-radius-sm); + background-color: var(--bs-tertiary-bg); - .dropdown-item { border-radius: var(--bs-border-radius-sm); } + .dropdown-item { + + border-radius: var(--bs-border-radius-sm); + + &:hover, &:focus { background-color: var(--bs-body-bg); } + + } }