Make like/retweet notification content semi-transparent
authorr <r@freesoftwareextremist.com>
Sat, 16 Jan 2021 10:25:34 +0000 (10:25 +0000)
committerr <r@freesoftwareextremist.com>
Sat, 16 Jan 2021 10:25:34 +0000 (10:25 +0000)
static/style.css
templates/notification.tmpl

index 610ecbf83190db75636c3ecf5fb8a10d30559eb9..c313c804172443c53bfeb901dc8187b8cbf874fa 100644 (file)
        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;
 }
index 61353f51179805b56891f23506f7e1c55d6279b7..567bcf055504fbbf8bbe52202e7db3c1bfdf914f 100644 (file)
@@ -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">