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 c1682e0b7..650effcdf 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 43800c8fa..5c509fd6d 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 266c9ecb7..ffb3aa9fa 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>