forks/peertube
1
0
Fork 0
Code Releases Activity

Fix title and action buttons in video watch

Browse source
This commit is contained in:
Chocobozzz 2018-02-07 11:02:56 +01:00
parent fafc13fff1
commit 196b7790d6
No known key found for this signature in database
GPG key ID: 583A612D890159BE
2 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -44,7 +44,7 @@
<span class="icon icon-dislike" title="Dislike this video"></span>
</div>
<div (click)="showShareModal()" class="action-button">
<div (click)="showShareModal()" class="action-button action-button-share">
<span class="icon icon-share"></span>
Share
</div>

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

@ -42,13 +42,13 @@
.video-info-first-row {
display: flex;
& div:first-child {
& > div:first-child {
flex-grow: 1;
}
.video-info-name {
margin-right: 30px;
height: 40px; // Align with the action buttons
min-height: 40px; // Align with the action buttons
font-size: 27px;
font-weight: $font-semibold;
flex-grow: 1;
@ -80,11 +80,10 @@
.video-actions-rates {
display: flex;
flex-direction: column;
align-items: end;
align-items: flex-end;
.video-actions {
height: 40px; // Align with the title
min-width: 215px;
display: flex;
align-items: center;
@ -125,6 +124,10 @@
}
}
&.action-button-share {
width: 82px;
}
&.action-button-like.activated {
background-color: #39CC0B;