forks/peertube
1
0
Fork 0
Code Releases Activity

switch margin-bottom rules to padding-bottom now used in miniature

Browse source
This commit is contained in:
Rigel Kent 2020-06-12 12:27:37 +02:00
parent d39db21a88
commit 46788f21f6
No known key found for this signature in database
GPG key ID: 5E53E96A494E452F
3 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -122,7 +122,7 @@ $video-info-margin-left: 44px;
.video-bottom { .video-bottom {
display: flex; display: flex;
margin-top: 40px; margin-top: 1.5rem;
.video-info { .video-info {
flex-grow: 1; flex-grow: 1;
@ -418,7 +418,7 @@ $video-info-margin-left: 44px;
display: flex; display: flex;
width: max-content; width: max-content;
height: 100%; height: 100%;
margin-bottom: 20px; padding-bottom: 20px;
flex-wrap: wrap; flex-wrap: wrap;
} }
@ -552,7 +552,7 @@ my-video-comments {
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.video-bottom { .video-bottom {
margin-top: 20px !important; margin-top: 20px !important;
margin-bottom: 20px !important; padding-bottom: 20px !important;
.video-info { .video-info {
padding: 0; padding: 0;

8
client/src/app/videos/recommendations/recommended-videos.component.html
View file

@ -12,11 +12,13 @@
</div> </div>
</div> </div>
<div *ngFor="let video of (videos$ | async); let i = index; let length = count"> <ng-container *ngFor="let video of (videos$ | async); let i = index; let length = count">
<my-video-miniature [displayOptions]="displayOptions" [video]="video" [user]="user" (videoBlocked)="onVideoRemoved()" (videoRemoved)="onVideoRemoved()"> <my-video-miniature
[displayOptions]="displayOptions" [video]="video" [user]="user"
(videoBlocked)="onVideoRemoved()" (videoRemoved)="onVideoRemoved()">
</my-video-miniature> </my-video-miniature>
<hr *ngIf="!playlist && i == 0 && length > 1" /> <hr *ngIf="!playlist && i == 0 && length > 1" />
</div> </ng-container>
</ng-container> </ng-container>
</div> </div>

4
client/src/app/videos/recommendations/recommended-videos.component.scss
View file

@ -25,3 +25,7 @@
font-weight: 600; font-weight: 600;
} }
} }
hr {
margin-top: 0;
}