diff options
Diffstat (limited to 'client/src/app/+videos/+video-watch/comment')
3 files changed, 12 insertions, 6 deletions
diff --git a/client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss b/client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss index 54e61eac4..7743bd41d 100644 --- a/client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss +++ b/client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss | |||
@@ -31,7 +31,7 @@ form { | |||
31 | padding-right: $markdown-icon-width + 15px !important; | 31 | padding-right: $markdown-icon-width + 15px !important; |
32 | 32 | ||
33 | @media screen and (max-width: 600px) { | 33 | @media screen and (max-width: 600px) { |
34 | padding-right: $markdown-icon-width + 19px !important; | 34 | padding-right: $markdown-icon-width + 19px !important; |
35 | } | 35 | } |
36 | 36 | ||
37 | &:focus::placeholder { | 37 | &:focus::placeholder { |
@@ -57,7 +57,9 @@ form { | |||
57 | } | 57 | } |
58 | } | 58 | } |
59 | 59 | ||
60 | &:focus, &:active, &:hover { | 60 | &:focus, |
61 | &:active, | ||
62 | &:hover { | ||
61 | my-global-icon svg { | 63 | my-global-icon svg { |
62 | background-color: #C6C6C6; | 64 | background-color: #C6C6C6; |
63 | color: pvar(--mainBackgroundColor); | 65 | color: pvar(--mainBackgroundColor); |
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 f0dcc08b8..a4d2e237c 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 | |||
@@ -62,7 +62,7 @@ my-actor-avatar { | |||
62 | display: inline-flex; | 62 | display: inline-flex; |
63 | padding-right: 6px; | 63 | padding-right: 6px; |
64 | padding-left: 6px; | 64 | padding-left: 6px; |
65 | color: white !important; | 65 | color: #fff !important; |
66 | } | 66 | } |
67 | 67 | ||
68 | .comment-account { | 68 | .comment-account { |
@@ -133,7 +133,10 @@ my-actor-avatar { | |||
133 | cursor: pointer; | 133 | cursor: pointer; |
134 | margin-right: 10px; | 134 | margin-right: 10px; |
135 | 135 | ||
136 | &:hover, &:active, &:focus, &:focus-visible { | 136 | &:hover, |
137 | &:active, | ||
138 | &:focus, | ||
139 | &:focus-visible { | ||
137 | color: pvar(--mainForegroundColor); | 140 | color: pvar(--mainForegroundColor); |
138 | } | 141 | } |
139 | } | 142 | } |
diff --git a/client/src/app/+videos/+video-watch/comment/video-comments.component.scss b/client/src/app/+videos/+video-watch/comment/video-comments.component.scss index e6778e1a9..a7e858069 100644 --- a/client/src/app/+videos/+video-watch/comment/video-comments.component.scss +++ b/client/src/app/+videos/+video-watch/comment/video-comments.component.scss | |||
@@ -11,7 +11,8 @@ | |||
11 | cursor: pointer; | 11 | cursor: pointer; |
12 | } | 12 | } |
13 | 13 | ||
14 | .glyphicon, .comment-thread-loading { | 14 | .glyphicon, |
15 | .comment-thread-loading { | ||
15 | margin-right: 5px; | 16 | margin-right: 5px; |
16 | display: inline-block; | 17 | display: inline-block; |
17 | font-size: 13px; | 18 | font-size: 13px; |
@@ -40,7 +41,7 @@ | |||
40 | #dropdown-sort-comments { | 41 | #dropdown-sort-comments { |
41 | font-weight: 600; | 42 | font-weight: 600; |
42 | text-transform: uppercase; | 43 | text-transform: uppercase; |
43 | border: none; | 44 | border: 0; |
44 | transform: translateY(-7%); | 45 | transform: translateY(-7%); |
45 | } | 46 | } |
46 | 47 | ||