aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+videos/+video-watch/comment
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/+videos/+video-watch/comment')
-rw-r--r--client/src/app/+videos/+video-watch/comment/video-comment-add.component.scss6
-rw-r--r--client/src/app/+videos/+video-watch/comment/video-comment.component.scss7
-rw-r--r--client/src/app/+videos/+video-watch/comment/video-comments.component.scss5
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