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: attribute-quotes: 0 border-zero: 0 no-color-keywords: 0 + no-color-literals: 0 no-css-comments: 0 no-important: 0 no-trailing-zero: 1 @@ -20,6 +21,10 @@ rules: space-before-bang: 1 space-after-colon: 1 space-before-colon: 1 + clean-import-paths: 0 hex-length: 1 hex-notation: 0 + nesting-depth: + - 1 + - max-depth: 4 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 @@ .comment-html { @include peertube-word-wrap; + // Mentions /deep/ a { - @include disable-default-a-behaviour; - color: #000; - - // Semi bold mentions &:not(.linkified-url) { + @include disable-default-a-behaviour; + + color: #000; + font-weight: $font-semibold; } + } } @@ -64,7 +66,8 @@ margin: 10px 0; display: flex; - .comment-action-reply, .comment-action-delete { + .comment-action-reply, + .comment-action-delete { color: #585858; cursor: pointer; margin-right: 10px; @@ -92,7 +95,7 @@ @media screen and (max-width: 600px) { .children { - margin-left: -40px; + margin-left: -35px; } .root-comment {