interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix title and action buttons in video watch

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> <span class="icon icon-dislike" title="Dislike this video"></span>
</div> </div>
<div (click)="showShareModal()" class="action-button"> <div (click)="showShareModal()" class="action-button action-button-share">
<span class="icon icon-share"></span> <span class="icon icon-share"></span>
Share Share
</div> </div>

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

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