diff options
author | Chocobozzz <me@florianbigard.com> | 2021-06-29 17:00:30 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-06-29 17:00:30 +0200 |
commit | 6ea59f415461c27eea840ed204986eaefb538afc (patch) | |
tree | 39ce95e125cbf515720dcc014a279b34864877d6 /client/src/app/+videos/+video-watch/video-watch.component.scss | |
parent | c17ee0903ec33283351c206bc5fd7edc0af0fb12 (diff) | |
download | PeerTube-6ea59f415461c27eea840ed204986eaefb538afc.tar.gz PeerTube-6ea59f415461c27eea840ed204986eaefb538afc.tar.zst PeerTube-6ea59f415461c27eea840ed204986eaefb538afc.zip |
Create a dedicated component for video rating
Diffstat (limited to 'client/src/app/+videos/+video-watch/video-watch.component.scss')
-rw-r--r-- | client/src/app/+videos/+video-watch/video-watch.component.scss | 30 |
1 files changed, 0 insertions, 30 deletions
diff --git a/client/src/app/+videos/+video-watch/video-watch.component.scss b/client/src/app/+videos/+video-watch/video-watch.component.scss index 7b7934456..4d68504f5 100644 --- a/client/src/app/+videos/+video-watch/video-watch.component.scss +++ b/client/src/app/+videos/+video-watch/video-watch.component.scss | |||
@@ -239,7 +239,6 @@ $video-info-margin-left: 44px; | |||
239 | ::ng-deep.action-button { | 239 | ::ng-deep.action-button { |
240 | @include peertube-button; | 240 | @include peertube-button; |
241 | @include button-with-icon(21px, 0, -1px); | 241 | @include button-with-icon(21px, 0, -1px); |
242 | @include apply-svg-color(pvar(--actionButtonColor)); | ||
243 | 242 | ||
244 | font-size: 100%; | 243 | font-size: 100%; |
245 | font-weight: $font-semibold; | 244 | font-weight: $font-semibold; |
@@ -258,35 +257,6 @@ $video-info-margin-left: 44px; | |||
258 | opacity: 0.9; | 257 | opacity: 0.9; |
259 | } | 258 | } |
260 | 259 | ||
261 | &.action-button-like, | ||
262 | &.action-button-dislike { | ||
263 | filter: brightness(120%); | ||
264 | |||
265 | .count { | ||
266 | margin: 0 5px; | ||
267 | } | ||
268 | } | ||
269 | |||
270 | &.action-button-like.activated { | ||
271 | .count { | ||
272 | color: pvar(--activatedActionButtonColor); | ||
273 | } | ||
274 | |||
275 | my-global-icon { | ||
276 | @include apply-svg-color(pvar(--activatedActionButtonColor)); | ||
277 | } | ||
278 | } | ||
279 | |||
280 | &.action-button-dislike.activated { | ||
281 | .count { | ||
282 | color: pvar(--activatedActionButtonColor); | ||
283 | } | ||
284 | |||
285 | my-global-icon { | ||
286 | @include apply-svg-color(pvar(--activatedActionButtonColor)); | ||
287 | } | ||
288 | } | ||
289 | |||
290 | &.action-button-support { | 260 | &.action-button-support { |
291 | color: pvar(--supportButtonColor); | 261 | color: pvar(--supportButtonColor); |
292 | 262 | ||