From e856566361592f0971a34e2bd074d3769e09c672 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Tue, 23 Jun 2020 17:20:09 +0200
Subject: [PATCH] Improve public comments display

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/common.scss                            | 25 ++++++++++++++++++-
 js/src/components/Editor.vue                  | 18 -------------
 .../views/Account/IdentityPickerWrapper.vue   |  5 ++++
 3 files changed, 29 insertions(+), 19 deletions(-)

diff --git a/js/src/common.scss b/js/src/common.scss
index c1682e0b..650effcd 100644
--- a/js/src/common.scss
+++ b/js/src/common.scss
@@ -11,7 +11,8 @@ a {
   &.router-link-active,
   &.comment-link,
   &.pagination-link,
-  &.datepicker-cell {
+  &.datepicker-cell,
+  &.list-item {
     text-decoration: none;
   }
 }
@@ -27,3 +28,25 @@ input.input {
 figure img.is-rounded {
   border: 1px solid #cdcaea;
 }
+
+$color-black: #000;
+
+.mention {
+  background: rgba($color-black, 0.1);
+  color: rgba($color-black, 0.6);
+  font-size: 0.9rem;
+  font-weight: bold;
+  border-radius: 5px;
+  padding: 0.2rem;
+  white-space: nowrap;
+  margin-right: 0.2rem;
+}
+
+.mention-suggestion {
+  color: rgba($color-black, 0.6);
+}
+
+.mention .mention {
+  background: initial;
+  margin-right: 0;
+}
\ No newline at end of file
diff --git a/js/src/components/Editor.vue b/js/src/components/Editor.vue
index 43800c8f..5c509fd6 100644
--- a/js/src/components/Editor.vue
+++ b/js/src/components/Editor.vue
@@ -687,24 +687,6 @@ $color-white: #eee;
     color: $color-white;
   }
 }
-.mention {
-  background: rgba($color-black, 0.1);
-  color: rgba($color-black, 0.6);
-  font-size: 0.9rem;
-  font-weight: bold;
-  border-radius: 5px;
-  padding: 0.2rem;
-  white-space: nowrap;
-  margin-right: 0.2rem;
-}
-.mention-suggestion {
-  color: rgba($color-black, 0.6);
-}
-
-.mention .mention {
-  background: initial;
-  margin-right: 0;
-}
 
 .suggestion-list {
   padding: 0.2rem;
diff --git a/js/src/views/Account/IdentityPickerWrapper.vue b/js/src/views/Account/IdentityPickerWrapper.vue
index 266c9ecb..ffb3aa9f 100644
--- a/js/src/views/Account/IdentityPickerWrapper.vue
+++ b/js/src/views/Account/IdentityPickerWrapper.vue
@@ -79,5 +79,10 @@ export default class IdentityPickerWrapper extends Vue {
   .inline {
     cursor: pointer;
   }
+
+  .media {
+    border-top: none;
+    padding-top: 0;
+  }
 }
 </style>