aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--.sass-lint.yml5
-rw-r--r--client/src/app/videos/+video-watch/comment/video-comment.component.scss15
2 files changed, 14 insertions, 6 deletions
diff --git a/.sass-lint.yml b/.sass-lint.yml
index 50b9e4f93..4f184d34f 100644
--- a/.sass-lint.yml
+++ b/.sass-lint.yml
@@ -13,6 +13,7 @@ rules:
13 attribute-quotes: 0 13 attribute-quotes: 0
14 border-zero: 0 14 border-zero: 0
15 no-color-keywords: 0 15 no-color-keywords: 0
16 no-color-literals: 0
16 no-css-comments: 0 17 no-css-comments: 0
17 no-important: 0 18 no-important: 0
18 no-trailing-zero: 1 19 no-trailing-zero: 1
@@ -20,6 +21,10 @@ rules:
20 space-before-bang: 1 21 space-before-bang: 1
21 space-after-colon: 1 22 space-after-colon: 1
22 space-before-colon: 1 23 space-before-colon: 1
24 clean-import-paths: 0
23 hex-length: 1 25 hex-length: 1
24 hex-notation: 0 26 hex-notation: 0
27 nesting-depth:
28 - 1
29 - max-depth: 4
25 indentation: 2 30 indentation: 2
diff --git a/client/src/app/videos/+video-watch/comment/video-comment.component.scss b/client/src/app/videos/+video-watch/comment/video-comment.component.scss
index c90f9849b..78bcfe121 100644
--- a/client/src/app/videos/+video-watch/comment/video-comment.component.scss
+++ b/client/src/app/videos/+video-watch/comment/video-comment.component.scss
@@ -48,15 +48,17 @@
48 .comment-html { 48 .comment-html {
49 @include peertube-word-wrap; 49 @include peertube-word-wrap;
50 50
51 // Mentions
51 /deep/ a { 52 /deep/ a {
52 @include disable-default-a-behaviour;
53
54 color: #000;
55 53
56 // Semi bold mentions
57 &:not(.linkified-url) { 54 &:not(.linkified-url) {
55 @include disable-default-a-behaviour;
56
57 color: #000;
58
58 font-weight: $font-semibold; 59 font-weight: $font-semibold;
59 } 60 }
61
60 } 62 }
61 } 63 }
62 64
@@ -64,7 +66,8 @@
64 margin: 10px 0; 66 margin: 10px 0;
65 display: flex; 67 display: flex;
66 68
67 .comment-action-reply, .comment-action-delete { 69 .comment-action-reply,
70 .comment-action-delete {
68 color: #585858; 71 color: #585858;
69 cursor: pointer; 72 cursor: pointer;
70 margin-right: 10px; 73 margin-right: 10px;
@@ -92,7 +95,7 @@
92 95
93@media screen and (max-width: 600px) { 96@media screen and (max-width: 600px) {
94 .children { 97 .children {
95 margin-left: -40px; 98 margin-left: -35px;
96 } 99 }
97 100
98 .root-comment { 101 .root-comment {