diff options
author | Chocobozzz <me@florianbigard.com> | 2017-12-21 11:08:46 +0100 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2017-12-21 11:09:46 +0100 |
commit | 6e33bf2882162d8760f55bcafb12fd9507e09ff1 (patch) | |
tree | 8f01090b84b38f4e96d97d5cc5cdee66adb563c5 /client/src/app/videos/+video-watch/video-watch.component.scss | |
parent | e91890011e100b677d35598e2feec7c6252e89bf (diff) | |
download | PeerTube-6e33bf2882162d8760f55bcafb12fd9507e09ff1.tar.gz PeerTube-6e33bf2882162d8760f55bcafb12fd9507e09ff1.tar.zst PeerTube-6e33bf2882162d8760f55bcafb12fd9507e09ff1.zip |
Add no result text if there are no results
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 | 16 |
1 files changed, 13 insertions, 3 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 205a4333c..02b44bda1 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss | |||
@@ -51,6 +51,12 @@ | |||
51 | 51 | ||
52 | .video-info-actions { | 52 | .video-info-actions { |
53 | min-width: 215px; | 53 | min-width: 215px; |
54 | display: flex; | ||
55 | justify-content: end; | ||
56 | |||
57 | .action-button:not(:first-child), .action-more { | ||
58 | margin-left: 10px; | ||
59 | } | ||
54 | 60 | ||
55 | .action-button { | 61 | .action-button { |
56 | @include peertube-button; | 62 | @include peertube-button; |
@@ -85,12 +91,16 @@ | |||
85 | } | 91 | } |
86 | } | 92 | } |
87 | 93 | ||
88 | &.activated { | 94 | &.action-button-like.activated { |
89 | @include orange-button; | 95 | background-color: #39CC0B; |
90 | 96 | ||
91 | .icon-like { | 97 | .icon-like { |
92 | background-image: url('../../../assets/images/video/like-white.svg'); | 98 | background-image: url('../../../assets/images/video/like-white.svg'); |
93 | } | 99 | } |
100 | } | ||
101 | |||
102 | &.action-button-dislike.activated { | ||
103 | background-color: #FF0000; | ||
94 | 104 | ||
95 | .icon-dislike { | 105 | .icon-dislike { |
96 | background-image: url('../../../assets/images/video/dislike-white.svg'); | 106 | background-image: url('../../../assets/images/video/dislike-white.svg'); |
@@ -222,7 +232,7 @@ | |||
222 | } | 232 | } |
223 | 233 | ||
224 | 234 | ||
225 | @media screen and (max-width: 1200px) { | 235 | @media screen and (max-width: 1300px) { |
226 | .other-videos { | 236 | .other-videos { |
227 | display: none; | 237 | display: none; |
228 | } | 238 | } |