diff options
| author | Rigel Kent <sendmemail@rigelk.eu> | 2020-06-09 09:33:28 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-06-09 09:33:28 +0200 |
| commit | e66883b37ae0796256b3aba550670a2d76cfc98a (patch) | |
| tree | 3cce3c78e9f9f327470f0370a1b4065fe7e0009e /client/src/app/videos/video-list | |
| parent | 6ad971d5f5e9ea2adfc58bd83ba1790efa4a8d12 (diff) | |
| download | PeerTube-e66883b37ae0796256b3aba550670a2d76cfc98a.tar.gz PeerTube-e66883b37ae0796256b3aba550670a2d76cfc98a.tar.zst PeerTube-e66883b37ae0796256b3aba550670a2d76cfc98a.zip | |
`fitWidth` for `video-miniature`, fluid grid (#2830)
* Fluid abstract video list
* normalize timestamp display on miniatures
* use grid for abstract-video-list
- refactor scss function var to pvar to avoid overriding css variables
- move fluid-grid margins to adapt-margin-content-width mixin for maintainability
- fix video-miniature-name margin-top on small screen
* move sceenratio function in a mixin
* display no miniature avatar in channel videos view
Diffstat (limited to 'client/src/app/videos/video-list')
| -rw-r--r-- | client/src/app/videos/video-list/video-overview.component.html | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/client/src/app/videos/video-list/video-overview.component.html b/client/src/app/videos/video-list/video-overview.component.html index 84999cfb2..72e101558 100644 --- a/client/src/app/videos/video-list/video-overview.component.html +++ b/client/src/app/videos/video-list/video-overview.component.html | |||
| @@ -12,7 +12,7 @@ | |||
| 12 | <a routerLink="/search" [queryParams]="{ categoryOneOf: [ object.category.id ] }">{{ object.category.label }}</a> | 12 | <a routerLink="/search" [queryParams]="{ categoryOneOf: [ object.category.id ] }">{{ object.category.label }}</a> |
| 13 | </div> | 13 | </div> |
| 14 | 14 | ||
| 15 | <my-video-miniature *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false"> | 15 | <my-video-miniature class="pr-2" *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false"> |
| 16 | </my-video-miniature> | 16 | </my-video-miniature> |
| 17 | </div> | 17 | </div> |
| 18 | 18 | ||
| @@ -21,7 +21,7 @@ | |||
| 21 | <a routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">#{{ object.tag }}</a> | 21 | <a routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">#{{ object.tag }}</a> |
| 22 | </div> | 22 | </div> |
| 23 | 23 | ||
| 24 | <my-video-miniature *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false"> | 24 | <my-video-miniature class="pr-2" *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false"> |
| 25 | </my-video-miniature> | 25 | </my-video-miniature> |
| 26 | </div> | 26 | </div> |
| 27 | 27 | ||
| @@ -34,7 +34,7 @@ | |||
| 34 | </a> | 34 | </a> |
| 35 | </div> | 35 | </div> |
| 36 | 36 | ||
| 37 | <my-video-miniature *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false"> | 37 | <my-video-miniature class="pr-2" *ngFor="let video of buildVideos(object.videos)" [video]="video" [user]="user" [displayVideoActions]="false"> |
| 38 | </my-video-miniature> | 38 | </my-video-miniature> |
| 39 | </div> | 39 | </div> |
| 40 | 40 | ||