From bb8cd982a03529be66d5991dedf32681aeebbe98 Mon Sep 17 00:00:00 2001
From: Roni Laukkarinen <roni@dude.fi>
Date: Thu, 9 Mar 2023 18:42:57 +0200
Subject: [PATCH] Fix unread notification background color on hover

---
 CHANGELOG.md |  3 ++-
 package.json |  2 +-
 style.css    | 12 +++++++++++-
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 51f5006..1c53af8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,9 +1,10 @@
-### [Unreleased]
+### 1.1.0: 2023-03-09
 
 * Fix hover colors on boost and star buttons
 * Fix 1px jump on activating the spark animation
 * Fix horizontal 1px jump on animation
 * Fix retweet button animating on each load
+* Fix unread notification background color on hover
 
 ### 1.0.8: 2023-03-09
 
diff --git a/package.json b/package.json
index a8ff076..65ea5a1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mastodon-twitter",
-  "version": "1.0.8",
+  "version": "1.1.0",
   "description": "",
   "main": "index.js",
   "scripts": {
diff --git a/style.css b/style.css
index 70b5839..9263065 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,5 @@
 /* Cursed Mastodon Twitter CSS-only revamp by @rolle@mementomori.social
-   v1.0.9rc4 */
+   v1.1.0 */
 
 /* CSS variables */
 :root {
@@ -318,11 +318,16 @@ a.status-card.compact .status-card__description {
 }
 
 /* Unread message */
+.layout-single-column .notification.unread:hover,
 .layout-single-column .notification.unread,
 .layout-single-column .status__wrapper.unread {
   background-color: var(--color-dark);
 }
 
+.layout-single-column .notification:hover ..notification__message {
+  background-color: transparent;
+}
+
 .layout-single-column .notification.unread,
 .layout-single-column .status__wrapper.unread
 
@@ -1697,6 +1702,11 @@ a.status-card.compact .status-card__description {
   left: -28px;
 }
 
+/* stylelint-disable-next-line */
+.layout-single-column.no-reduce-motion .detailed-status__action-bar .icon-button.star-icon.activate .fa-star::before {
+  left: -29px;
+}
+
 @keyframes heart-animate {
   100% {
     background-position: -2800px;