forks
/
peertube
1
0
Fork 0
Code Releases Activity

Client: adjust viewport height

This commit is contained in:
Chocobozzz 2017-04-23 22:13:58 +02:00
parent 8ce9e815c8
commit efbf0ed7f2
5 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client/src/app/app.component.scss
View File

@ -51,5 +51,6 @@ footer {
padding: 10px 0; padding: 10px 0;
text-align: center; text-align: center;
font-size: 11px; font-size: 11px;
margin-top: 30px; margin-top: $footer-margin;
height: $footer-height;
} }

2
client/src/app/videos/video-list/video-list.component.html
View File

@ -22,7 +22,7 @@
</my-video-miniature> </my-video-miniature>
</div> </div>
<pagination *ngIf="pagination.totalItems !== null" <pagination *ngIf="pagination.totalItems !== null && pagination.totalItems !== 0"
[totalItems]="pagination.totalItems" [itemsPerPage]="pagination.itemsPerPage" [maxSize]="6" [boundaryLinks]="true" [rotate]="false" [totalItems]="pagination.totalItems" [itemsPerPage]="pagination.itemsPerPage" [maxSize]="6" [boundaryLinks]="true" [rotate]="false"
[(ngModel)]="pagination.currentPage" (pageChanged)="onPageChanged($event)" [(ngModel)]="pagination.currentPage" (pageChanged)="onPageChanged($event)"
></pagination> ></pagination>

1
client/src/app/videos/video-list/video-list.component.scss
View File

@ -18,7 +18,6 @@
} }
.videos-miniatures { .videos-miniatures {
min-height: 720px;
text-align: center; text-align: center;
padding-top: 0; padding-top: 0;

3
client/src/sass/_variables.scss
View File

@ -9,6 +9,9 @@ $menu-color-block: #686f77;
$header-height: 65px; $header-height: 65px;
$header-border-color: #e9eff6; $header-border-color: #e9eff6;
$footer-height: 30px;
$footer-margin: 30px;
$footer-border-color: $header-border-color; $footer-border-color: $header-border-color;
$video-miniature-other-infos: #686767; $video-miniature-other-infos: #686767;

4
client/src/sass/application.scss
View File

@ -40,6 +40,10 @@ input.readonly {
position: fixed; position: fixed;
} }
.main-row {
min-height: calc(100vh - #{$header-height} - #{$footer-height} - #{$footer-margin});
}
.main-col { .main-col {
.content-padding { .content-padding {