From 5ed5eff75c301093e8efdd7ff76ff578073e2b18 Mon Sep 17 00:00:00 2001 From: lightbulbman Date: Sun, 19 Jan 2025 01:12:59 +0000 Subject: [PATCH] 148 - toggle hover change --- src/css/manage.scss | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/src/css/manage.scss b/src/css/manage.scss index 74abbaad..9379a872 100644 --- a/src/css/manage.scss +++ b/src/css/manage.scss @@ -60,6 +60,12 @@ $inactive-color: #ccc; height: 17px; border-radius: 34px; background-color: #ccc; + box-shadow: 0 0px 1px 0px rgba(0, 0, 0, .2); + transition: all 200ms ease-in-out !important; + + &:hover { + box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.5); + } &::before { transition: all .4s; @@ -72,20 +78,12 @@ $inactive-color: #ccc; border-radius: 50%; } - &:hover::before { - transform: translateX(40%); - } - .snippets .active-snippet & { background-color: $active-color; &::before { transform: translateX(100%); } - - &:hover::before { - transform: translateX(60%); - } } .snippets .erroneous-snippet &::before {