Fix unread notification background color on hover

ronilaukkarinen · Mar 9, 2023 · bb8cd98 · bb8cd98
1 parent 641ab82
commit bb8cd98
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git 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
@@ -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
@@ -1,5 +1,5 @@
 /* Cursed Mastodon Twitter CSS-only revamp by @[email protected]
-   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;