diff options
author | Chocobozzz <me@florianbigard.com> | 2018-01-03 17:25:47 +0100 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2018-01-03 17:35:00 +0100 |
commit | cf117aaafc1e9ae1ab4c388fc5d2e5ba9349efee (patch) | |
tree | ab51ac2f2c7ec8dfc7fcde99565a4430874da599 /client/src/app/videos/+video-watch/comment/video-comment.component.scss | |
parent | 265ba139ebf56bbdc1c65f6ea4f367774c691fc0 (diff) | |
download | PeerTube-cf117aaafc1e9ae1ab4c388fc5d2e5ba9349efee.tar.gz PeerTube-cf117aaafc1e9ae1ab4c388fc5d2e5ba9349efee.tar.zst PeerTube-cf117aaafc1e9ae1ab4c388fc5d2e5ba9349efee.zip |
Add avatar in comments
Diffstat (limited to 'client/src/app/videos/+video-watch/comment/video-comment.component.scss')
-rw-r--r-- | client/src/app/videos/+video-watch/comment/video-comment.component.scss | 51 |
1 files changed, 27 insertions, 24 deletions
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 7e1a32f48..aae03ab6d 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 | |||
@@ -1,38 +1,41 @@ | |||
1 | @import '_variables'; | 1 | @import '_variables'; |
2 | @import '_mixins'; | 2 | @import '_mixins'; |
3 | 3 | ||
4 | .comment { | 4 | .root-comment { |
5 | font-size: 15px; | 5 | font-size: 15px; |
6 | margin-top: 30px; | 6 | display: flex; |
7 | 7 | ||
8 | .comment-account-date { | 8 | img { |
9 | display: flex; | 9 | @include avatar(36px); |
10 | margin-bottom: 4px; | ||
11 | 10 | ||
12 | .comment-account { | 11 | margin-top: 5px; |
13 | font-weight: $font-bold; | 12 | margin-right: 20px; |
14 | } | ||
15 | |||
16 | .comment-date { | ||
17 | color: #585858; | ||
18 | margin-left: 10px; | ||
19 | } | ||
20 | } | 13 | } |
21 | 14 | ||
22 | .comment-actions { | 15 | .comment { |
23 | margin: 10px 0; | 16 | flex-grow: 1; |
17 | |||
18 | .comment-account-date { | ||
19 | display: flex; | ||
20 | margin-bottom: 4px; | ||
24 | 21 | ||
25 | .comment-action-reply { | 22 | .comment-account { |
26 | color: #585858; | 23 | font-weight: $font-bold; |
27 | cursor: pointer; | 24 | } |
25 | |||
26 | .comment-date { | ||
27 | color: #585858; | ||
28 | margin-left: 10px; | ||
29 | } | ||
28 | } | 30 | } |
29 | } | ||
30 | } | ||
31 | 31 | ||
32 | .children { | 32 | .comment-actions { |
33 | margin-left: 20px; | 33 | margin: 10px 0; |
34 | 34 | ||
35 | .comment { | 35 | .comment-action-reply { |
36 | margin-top: 15px; | 36 | color: #585858; |
37 | cursor: pointer; | ||
38 | } | ||
39 | } | ||
37 | } | 40 | } |
38 | } | 41 | } |