diff options
author | Chocobozzz <me@florianbigard.com> | 2018-04-25 14:32:19 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2018-04-25 14:32:19 +0200 |
commit | 03e12d7c4954e1071fdeb7ef362ea5c3965d4075 (patch) | |
tree | e77e8e6dbf1ee2fcc1644600af5cc404d685083c /client/src/app/videos | |
parent | 6b738c7a31591a83fdcd9c78b6b1f98e543c378b (diff) | |
download | PeerTube-03e12d7c4954e1071fdeb7ef362ea5c3965d4075.tar.gz PeerTube-03e12d7c4954e1071fdeb7ef362ea5c3965d4075.tar.zst PeerTube-03e12d7c4954e1071fdeb7ef362ea5c3965d4075.zip |
Add account link in videos list
Diffstat (limited to 'client/src/app/videos')
-rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.html | 2 | ||||
-rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.scss | 10 |
2 files changed, 7 insertions, 5 deletions
diff --git a/client/src/app/videos/+video-watch/video-watch.component.html b/client/src/app/videos/+video-watch/video-watch.component.html index abda5043e..036d75d3c 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.html +++ b/client/src/app/videos/+video-watch/video-watch.component.html | |||
@@ -23,7 +23,7 @@ | |||
23 | 23 | ||
24 | <div class="video-info-by"> | 24 | <div class="video-info-by"> |
25 | <a [routerLink]="[ '/account', video.account.id ]" title="Go the account page"> | 25 | <a [routerLink]="[ '/account', video.account.id ]" title="Go the account page"> |
26 | By {{ video.by }} | 26 | <span>By {{ video.by }}</span> |
27 | <img [src]="getAvatarPath()" alt="Account avatar" /> | 27 | <img [src]="getAvatarPath()" alt="Account avatar" /> |
28 | </a> | 28 | </a> |
29 | </div> | 29 | </div> |
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 1b44f0d6a..b4d9841fe 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss | |||
@@ -68,14 +68,16 @@ | |||
68 | font-size: 15px; | 68 | font-size: 15px; |
69 | } | 69 | } |
70 | 70 | ||
71 | .video-info-by { | 71 | .video-info-by a { |
72 | @include disable-default-a-behaviour; | ||
73 | |||
72 | display: flex; | 74 | display: flex; |
73 | align-items: center; | 75 | align-items: center; |
74 | font-size: 13px; | 76 | font-size: 13px; |
77 | color: #000; | ||
75 | 78 | ||
76 | a { | 79 | span:hover { |
77 | color: black; | 80 | opacity: 0.8; |
78 | display: inline-block; | ||
79 | } | 81 | } |
80 | 82 | ||
81 | img { | 83 | img { |