From c62b0360ff56d3fae7573d432620b2a64ab8b052 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Mon, 31 Jul 2023 00:08:14 +0200
Subject: [PATCH] Added support for moderation reports in notifications tab

---
 TangerineUI-purple.css                              | 13 +++++++++++++
 TangerineUI.css                                     | 13 +++++++++++++
 .../tangerineui-purple/layout-single-column.scss    | 13 +++++++++++++
 .../styles/tangerineui/layout-single-column.scss    | 13 +++++++++++++
 4 files changed, 52 insertions(+)

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index f905074..77861b2 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -2461,6 +2461,15 @@ body.layout-single-column  {
 .layout-single-column .scrollable > div > article:first-child .notification__message {
     border-top: 1px solid var(--color-lines);
 }
+.layout-single-column .notification__report {
+    background-color: var(--color-content-bg);
+    border-bottom: 0;
+    padding-top: 10px;
+    gap: 15px;
+}
+.layout-single-column .notification__report__details {
+    color: var(--color-content-fg);
+}
 @media screen and (min-width:889px) {
     .layout-single-column .notification__message {
         border-left: 1px solid var(--color-lines);
@@ -2471,6 +2480,10 @@ body.layout-single-column  {
         border-top-left-radius: 8px;
         border-top-right-radius: 8px;
     }
+    .layout-single-column .notification__report {
+        border-left: 1px solid var(--color-lines);
+        border-right: 1px solid var(--color-lines);
+    }
 }
 .layout-single-column .notification__message .fa {
     color: var(--color-accent);
diff --git a/TangerineUI.css b/TangerineUI.css
index 3e71102..9263c93 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -2461,6 +2461,15 @@ body.layout-single-column  {
 .layout-single-column .scrollable > div > article:first-child .notification__message {
     border-top: 1px solid var(--color-lines);
 }
+.layout-single-column .notification__report {
+    background-color: var(--color-content-bg);
+    border-bottom: 0;
+    padding-top: 10px;
+    gap: 15px;
+}
+.layout-single-column .notification__report__details {
+    color: var(--color-content-fg);
+}
 @media screen and (min-width:889px) {
     .layout-single-column .notification__message {
         border-left: 1px solid var(--color-lines);
@@ -2471,6 +2480,10 @@ body.layout-single-column  {
         border-top-left-radius: 8px;
         border-top-right-radius: 8px;
     }
+    .layout-single-column .notification__report {
+        border-left: 1px solid var(--color-lines);
+        border-right: 1px solid var(--color-lines);
+    }
 }
 .layout-single-column .notification__message .fa {
     color: var(--color-accent);
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
index f905074..77861b2 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
@@ -2461,6 +2461,15 @@ body.layout-single-column  {
 .layout-single-column .scrollable > div > article:first-child .notification__message {
     border-top: 1px solid var(--color-lines);
 }
+.layout-single-column .notification__report {
+    background-color: var(--color-content-bg);
+    border-bottom: 0;
+    padding-top: 10px;
+    gap: 15px;
+}
+.layout-single-column .notification__report__details {
+    color: var(--color-content-fg);
+}
 @media screen and (min-width:889px) {
     .layout-single-column .notification__message {
         border-left: 1px solid var(--color-lines);
@@ -2471,6 +2480,10 @@ body.layout-single-column  {
         border-top-left-radius: 8px;
         border-top-right-radius: 8px;
     }
+    .layout-single-column .notification__report {
+        border-left: 1px solid var(--color-lines);
+        border-right: 1px solid var(--color-lines);
+    }
 }
 .layout-single-column .notification__message .fa {
     color: var(--color-accent);
diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
index 3e71102..9263c93 100644
--- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
@@ -2461,6 +2461,15 @@ body.layout-single-column  {
 .layout-single-column .scrollable > div > article:first-child .notification__message {
     border-top: 1px solid var(--color-lines);
 }
+.layout-single-column .notification__report {
+    background-color: var(--color-content-bg);
+    border-bottom: 0;
+    padding-top: 10px;
+    gap: 15px;
+}
+.layout-single-column .notification__report__details {
+    color: var(--color-content-fg);
+}
 @media screen and (min-width:889px) {
     .layout-single-column .notification__message {
         border-left: 1px solid var(--color-lines);
@@ -2471,6 +2480,10 @@ body.layout-single-column  {
         border-top-left-radius: 8px;
         border-top-right-radius: 8px;
     }
+    .layout-single-column .notification__report {
+        border-left: 1px solid var(--color-lines);
+        border-right: 1px solid var(--color-lines);
+    }
 }
 .layout-single-column .notification__message .fa {
     color: var(--color-accent);