From 441e453ae53e491b09c9b09b00b041788176ce64 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Fri, 24 Jul 2020 17:21:25 +0200
Subject: Add abuse message management in admin

---
 .../abuse-message-modal.component.scss             | 57 ++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 client/src/app/shared/shared-moderation/abuse-message-modal.component.scss

(limited to 'client/src/app/shared/shared-moderation/abuse-message-modal.component.scss')

diff --git a/client/src/app/shared/shared-moderation/abuse-message-modal.component.scss b/client/src/app/shared/shared-moderation/abuse-message-modal.component.scss
new file mode 100644
index 000000000..89d6b88c1
--- /dev/null
+++ b/client/src/app/shared/shared-moderation/abuse-message-modal.component.scss
@@ -0,0 +1,57 @@
+@import 'variables';
+@import 'mixins';
+
+form {
+  margin: 20px 20px 0 0;
+}
+
+textarea {
+  @include peertube-textarea(100%, 70px);
+
+  margin-top: 20px;
+}
+
+.messages {
+  display: flex;
+  flex-direction: column;
+  overflow-y: scroll;
+  margin-right: 5px;
+}
+
+.message-block {
+  margin-bottom: 10px;
+  max-width: 60%;
+
+  .author {
+    color: var(--greyForegroundColor);
+    font-size: 14px;
+  }
+
+  .bubble {
+    color: var(--mainForegroundColor);
+    background-color: var(--greyBackgroundColor);
+    border-radius: 10px;
+    padding: 5px 10px;
+
+    &.by-me {
+      color: var(--mainForegroundColor);
+      background-color: var(--secondaryColor);
+    }
+
+    &.by-moderator {
+      color: #fff;
+      background-color: var(--mainColor);
+
+      align-self: flex-end;
+    }
+
+    .content {
+      font-size: 15px;
+    }
+
+    .date {
+      font-size: 13px;
+      color: var(--greyForegroundColor);
+    }
+  }
+}
-- 
cgit v1.2.3