From 8aae4197d7add3060d2e9b4513e7c4caeac513ce Mon Sep 17 00:00:00 2001
From: dgtlmoon <dgtlmoon@gmail.com>
Date: Thu, 1 Dec 2022 23:47:51 +0100
Subject: [PATCH] UI - Make tabs hoverable

---
 changedetectionio/static/styles/styles.css  | 2 ++
 changedetectionio/static/styles/styles.scss | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/changedetectionio/static/styles/styles.css b/changedetectionio/static/styles/styles.css
index 2f2bb625..4fc1b8fb 100644
--- a/changedetectionio/static/styles/styles.css
+++ b/changedetectionio/static/styles/styles.css
@@ -525,6 +525,8 @@ footer {
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     background-color: rgba(255, 255, 255, 0.2); }
+    .tabs ul li:not(.active):hover {
+      background-color: rgba(255, 255, 255, 0.5); }
     .tabs ul li.active, .tabs ul li :target {
       background-color: #fff; }
       .tabs ul li.active a, .tabs ul li :target a {
diff --git a/changedetectionio/static/styles/styles.scss b/changedetectionio/static/styles/styles.scss
index 3766123a..f1ce0f25 100644
--- a/changedetectionio/static/styles/styles.scss
+++ b/changedetectionio/static/styles/styles.scss
@@ -609,7 +609,11 @@ footer {
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
       background-color: rgba(255, 255, 255, 0.2);
-
+      &:not(.active) {
+        &:hover {
+          background-color: rgba(255, 255, 255, 0.5);
+        }
+      }
       &.active, :target {
         background-color: #fff;