diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2019-12-16 00:13:31 +0100 |
---|---|---|
committer | Rigel Kent <sendmemail@rigelk.eu> | 2019-12-16 00:13:31 +0100 |
commit | 2de7f588eb7185525cc8687872fed443a24fd27b (patch) | |
tree | 7cbae75b8cf9083d403d660587cf927953cecc8a /client/src/app/videos/+video-watch/video-watch.component.scss | |
parent | 88adad2d0f42028a116ccc8173f5a62ad306cc32 (diff) | |
download | PeerTube-2de7f588eb7185525cc8687872fed443a24fd27b.tar.gz PeerTube-2de7f588eb7185525cc8687872fed443a24fd27b.tar.zst PeerTube-2de7f588eb7185525cc8687872fed443a24fd27b.zip |
improve likes-dislikes bar usability
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 | 10 |
1 files changed, 10 insertions, 0 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 15335b0b3..a8400c196 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss | |||
@@ -209,6 +209,7 @@ $video-info-margin-left: 44px; | |||
209 | .video-actions-rates { | 209 | .video-actions-rates { |
210 | margin: 0 0 10px 0; | 210 | margin: 0 0 10px 0; |
211 | align-items: start; | 211 | align-items: start; |
212 | align-self: end; | ||
212 | width: max-content; | 213 | width: max-content; |
213 | 214 | ||
214 | .video-actions { | 215 | .video-actions { |
@@ -295,6 +296,15 @@ $video-info-margin-left: 44px; | |||
295 | } | 296 | } |
296 | } | 297 | } |
297 | 298 | ||
299 | .video-info-likes-dislikes-bar-outerContainer { | ||
300 | position: relative; | ||
301 | } | ||
302 | |||
303 | .video-info-likes-dislikes-bar-innerContainer { | ||
304 | position: absolute; | ||
305 | height: 30px; | ||
306 | } | ||
307 | |||
298 | .video-info-likes-dislikes-bar { | 308 | .video-info-likes-dislikes-bar { |
299 | $likes-bar-height: 2px; | 309 | $likes-bar-height: 2px; |
300 | height: $likes-bar-height; | 310 | height: $likes-bar-height; |