From 87e31dbd6688f8e4492d3dc17783c26f2d926e4b Mon Sep 17 00:00:00 2001
From: r <r@freesoftwareextremist.com>
Date: Sat, 16 Jan 2021 10:25:34 +0000
Subject: [PATCH] Make like/retweet notification content semi-transparent

---
 static/style.css            | 11 +++++++++++
 templates/notification.tmpl |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/static/style.css b/static/style.css
index 610ecbf..c313c80 100644
--- a/static/style.css
+++ b/static/style.css
@@ -173,6 +173,17 @@
 	font-size: 13pt;
 }
 
+.notification-container {
+	margin: 0 -4px 12px -4px;
+	padding: 4px;
+	border-left: 4px solid transparent;
+}
+
+.notification-container.favourite .status-container,
+.notification-container.reblog .status-container {
+	opacity: 0.6;
+}
+
 .notification-info-text span {
 	vertical-align: middle;
 }
diff --git a/templates/notification.tmpl b/templates/notification.tmpl
index 61353f5..567bcf0 100644
--- a/templates/notification.tmpl
+++ b/templates/notification.tmpl
@@ -17,7 +17,7 @@
 </div>
 
 {{range .Notifications}}
-<div class="status-container-container {{if .Pleroma}}{{if not .Pleroma.IsSeen}}unread{{end}}{{end}}">
+<div class="notification-container {{.Type}} {{if .Pleroma}}{{if not .Pleroma.IsSeen}}unread{{end}}{{end}}">
 	{{if eq .Type "follow"}}
 	<div class="notification-follow-container">
 		<div class="status-profile-img-container">