diff options
author | Chocobozzz <me@florianbigard.com> | 2021-06-07 17:38:31 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-06-07 18:14:05 +0200 |
commit | 27bc95867442c772841fb183a625bbda61dede51 (patch) | |
tree | 6fe20951f1109c1f5388d9a681f0df0758d463e0 /client/src/app/+videos/+video-watch/comment/video-comment.component.scss | |
parent | 8beea2d37d90e9a12d895f4a9eebc1e532313d8c (diff) | |
download | PeerTube-27bc95867442c772841fb183a625bbda61dede51.tar.gz PeerTube-27bc95867442c772841fb183a625bbda61dede51.tar.zst PeerTube-27bc95867442c772841fb183a625bbda61dede51.zip |
Bidi support
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 | 24 |
1 files changed, 14 insertions, 10 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 a4d2e237c..7868991ba 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 | |||
@@ -6,10 +6,11 @@ | |||
6 | display: flex; | 6 | display: flex; |
7 | 7 | ||
8 | .left { | 8 | .left { |
9 | @include margin-right(10px); | ||
10 | |||
9 | display: flex; | 11 | display: flex; |
10 | flex-direction: column; | 12 | flex-direction: column; |
11 | align-items: center; | 13 | align-items: center; |
12 | margin-right: 10px; | ||
13 | 14 | ||
14 | .vertical-border { | 15 | .vertical-border { |
15 | width: 2px; | 16 | width: 2px; |
@@ -51,6 +52,9 @@ my-actor-avatar { | |||
51 | } | 52 | } |
52 | 53 | ||
53 | .video-author { | 54 | .video-author { |
55 | @include padding-right(6px); | ||
56 | @include padding-left(6px); | ||
57 | |||
54 | height: 20px; | 58 | height: 20px; |
55 | background-color: #888888; | 59 | background-color: #888888; |
56 | border-radius: 12px; | 60 | border-radius: 12px; |
@@ -60,8 +64,6 @@ my-actor-avatar { | |||
60 | flex-direction: row; | 64 | flex-direction: row; |
61 | align-items: center; | 65 | align-items: center; |
62 | display: inline-flex; | 66 | display: inline-flex; |
63 | padding-right: 6px; | ||
64 | padding-left: 6px; | ||
65 | color: #fff !important; | 67 | color: #fff !important; |
66 | } | 68 | } |
67 | 69 | ||
@@ -86,9 +88,10 @@ my-actor-avatar { | |||
86 | } | 88 | } |
87 | 89 | ||
88 | .comment-date { | 90 | .comment-date { |
91 | @include margin-left(5px); | ||
92 | |||
89 | font-size: 90%; | 93 | font-size: 90%; |
90 | color: pvar(--greyForegroundColor); | 94 | color: pvar(--greyForegroundColor); |
91 | margin-left: 5px; | ||
92 | text-decoration: none; | 95 | text-decoration: none; |
93 | 96 | ||
94 | &:hover { | 97 | &:hover { |
@@ -129,9 +132,10 @@ my-actor-avatar { | |||
129 | 132 | ||
130 | ::ng-deep .dropdown-toggle, | 133 | ::ng-deep .dropdown-toggle, |
131 | .comment-action-reply { | 134 | .comment-action-reply { |
135 | @include margin-right(10px); | ||
136 | |||
132 | color: pvar(--greyForegroundColor); | 137 | color: pvar(--greyForegroundColor); |
133 | cursor: pointer; | 138 | cursor: pointer; |
134 | margin-right: 10px; | ||
135 | 139 | ||
136 | &:hover, | 140 | &:hover, |
137 | &:active, | 141 | &:active, |
@@ -162,25 +166,25 @@ my-video-comment-add { | |||
162 | } | 166 | } |
163 | 167 | ||
164 | .left { | 168 | .left { |
165 | margin-right: 6px; | 169 | @include margin-right(6px); |
166 | } | 170 | } |
167 | } | 171 | } |
168 | 172 | ||
169 | @media screen and (max-width: 1200px) { | 173 | @media screen and (max-width: 1200px) { |
170 | .children { | 174 | .children { |
171 | margin-left: -10px; | 175 | @include margin-left(-10px); |
172 | } | 176 | } |
173 | } | 177 | } |
174 | 178 | ||
175 | @media screen and (max-width: 600px) { | 179 | @media screen and (max-width: 600px) { |
176 | .children { | 180 | .children { |
177 | margin-left: -20px; | 181 | @include margin-left(-20px); |
178 | 182 | ||
179 | .left { | 183 | .left { |
180 | align-items: flex-start; | 184 | align-items: flex-start; |
181 | 185 | ||
182 | .vertical-border { | 186 | .vertical-border { |
183 | margin-left: 2px; | 187 | @include margin-left(2px); |
184 | } | 188 | } |
185 | } | 189 | } |
186 | } | 190 | } |
@@ -189,7 +193,7 @@ my-video-comment-add { | |||
189 | flex-direction: column; | 193 | flex-direction: column; |
190 | 194 | ||
191 | .comment-date { | 195 | .comment-date { |
192 | margin-left: 0; | 196 | @include margin-left(0); |
193 | } | 197 | } |
194 | } | 198 | } |
195 | } | 199 | } |