forks/peertube
1
0
Fork 0
Code Releases Activity

Move subscription helper in the account line

Browse source
This commit is contained in:
Chocobozzz 2018-07-30 11:55:58 +02:00
parent 6af6cf831f
commit b7f5b52475
No known key found for this signature in database
GPG key ID: 583A612D890159BE
2 changed files with 24 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
client/src/app/videos/+video-watch/video-watch.component.html
View file

@ -34,7 +34,6 @@
<img [src]="video.videoChannelAvatarUrl" alt="Video channel avatar" />
</a>
<!-- Here will be the subscribe button -->
<my-help helpType="custom" i18n-customHtml customHtml="You can subscribe to this account via any ActivityPub-capable fediverse instance. For instance with Mastodon or Pleroma you can type in the search box <strong>@{{video.account.name}}@{{video.account.host}}</strong> and subscribe there. Subscription as a PeerTube user is being worked on in <a href='https://github.com/Chocobozzz/PeerTube/issues/470'>#470</a>."></my-help>
</div>
<div class="video-info-by">
@ -42,6 +41,8 @@
<span i18n>By {{ video.by }}</span>
<img [src]="video.accountAvatarUrl" alt="Account avatar" />
</a>
<my-help helpType="custom" i18n-customHtml customHtml="You can subscribe to this account via any ActivityPub-capable fediverse instance. For instance with Mastodon or Pleroma you can type in the search box <strong>@{{video.account.name}}@{{video.account.host}}</strong> and subscribe there. Subscription as a PeerTube user is being worked on in <a href='https://github.com/Chocobozzz/PeerTube/issues/470'>#470</a>."></my-help>
</div>
</div>

39
client/src/app/videos/+video-watch/video-watch.component.scss
View file

@ -115,29 +115,34 @@
margin: -2px 2px 0 5px;
}
}
my-help {
display: inline-block;
}
}
.video-info-by a {
@include disable-default-a-behaviour;
.video-info-by {
display: inline;
align-items: center;
font-size: 13px;
color: #000;
a {
@include disable-default-a-behaviour;
span:hover {
opacity: 0.8;
display: inline;
align-items: center;
font-size: 13px;
color: #000;
span:hover {
opacity: 0.8;
}
img {
@include avatar(18px);
margin-top: -2px;
margin-left: 7px;
}
}
img {
@include avatar(18px);
margin-top: -2px;
margin-left: 7px;
my-help {
position: relative;
top: 1px;
margin-left: 2px;
}
}