diff options
| author | Michael Navarro <[email protected]> | 2024-06-27 06:22:25 -0500 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-06-27 13:22:25 +0200 |
| commit | 29bd0df3795ef472cf13ff80328d0b9ffdb27db5 (patch) | |
| tree | 719d2693c2f9521d735dbcb635e3104d3097e295 | |
| parent | 00d73be17f0d3a9ee97ed4277b6f1658a2071a7c (diff) | |
| download | monkeytype-29bd0df3795ef472cf13ff80328d0b9ffdb27db5.tar.gz monkeytype-29bd0df3795ef472cf13ff80328d0b9ffdb27db5.zip | |
impr(notifications): message readability on hover (navazjm) (#5529)
| -rw-r--r-- | frontend/src/styles/notifications.scss | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/frontend/src/styles/notifications.scss b/frontend/src/styles/notifications.scss index f8f3756fa..6d7218144 100644 --- a/frontend/src/styles/notifications.scss +++ b/frontend/src/styles/notifications.scss @@ -28,6 +28,7 @@ .notif { --notif-border-color: rgba(0, 130, 251, 0.985); --notif-background-color: rgba(0, 77, 148, 0.9); + transition: 0.125s background; -webkit-user-select: none; user-select: none; @@ -74,8 +75,16 @@ } &:hover { - opacity: 0.5; cursor: pointer; + --notif-background-color: rgba(0, 77, 148, 0.5); + + &.bad { + --notif-background-color: rgba(138, 18, 12, 0.5); + } + + &.good { + --notif-background-color: rgba(0, 148, 0, 0.5); + } } } } |