diff options
author | Chocobozzz <me@florianbigard.com> | 2017-12-12 14:41:59 +0100 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2017-12-12 14:41:59 +0100 |
commit | b2731bff2834fb6aacf166cf435030bf96eb12f3 (patch) | |
tree | a519c0669ffc27712fffebc5750df54952a61100 /client/src/app/account/account-videos | |
parent | 4a7eeb62f1364678fff28fef4a83a0e9b640017c (diff) | |
download | PeerTube-b2731bff2834fb6aacf166cf435030bf96eb12f3.tar.gz PeerTube-b2731bff2834fb6aacf166cf435030bf96eb12f3.tar.zst PeerTube-b2731bff2834fb6aacf166cf435030bf96eb12f3.zip |
Small style fixes
Diffstat (limited to 'client/src/app/account/account-videos')
3 files changed, 12 insertions, 2 deletions
diff --git a/client/src/app/account/account-videos/account-videos.component.html b/client/src/app/account/account-videos/account-videos.component.html index f69c0487d..4f3a774bd 100644 --- a/client/src/app/account/account-videos/account-videos.component.html +++ b/client/src/app/account/account-videos/account-videos.component.html | |||
@@ -12,7 +12,7 @@ | |||
12 | <my-video-thumbnail [video]="video"></my-video-thumbnail> | 12 | <my-video-thumbnail [video]="video"></my-video-thumbnail> |
13 | 13 | ||
14 | <div class="video-info"> | 14 | <div class="video-info"> |
15 | <div class="video-info-name">{{ video.name }}</div> | 15 | <a class="video-info-name" [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.name">{{ video.name }}</a> |
16 | <span class="video-info-date-views">{{ video.createdAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span> | 16 | <span class="video-info-date-views">{{ video.createdAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span> |
17 | </div> | 17 | </div> |
18 | 18 | ||
diff --git a/client/src/app/account/account-videos/account-videos.component.scss b/client/src/app/account/account-videos/account-videos.component.scss index 28b298c3d..0d478edd7 100644 --- a/client/src/app/account/account-videos/account-videos.component.scss +++ b/client/src/app/account/account-videos/account-videos.component.scss | |||
@@ -43,7 +43,7 @@ | |||
43 | 43 | ||
44 | .video { | 44 | .video { |
45 | display: flex; | 45 | display: flex; |
46 | height: 130px; | 46 | min-height: 130px; |
47 | padding-bottom: 20px; | 47 | padding-bottom: 20px; |
48 | 48 | ||
49 | input[type=checkbox] { | 49 | input[type=checkbox] { |
@@ -68,6 +68,10 @@ | |||
68 | flex-grow: 1; | 68 | flex-grow: 1; |
69 | 69 | ||
70 | .video-info-name { | 70 | .video-info-name { |
71 | @include disable-default-a-behaviour; | ||
72 | |||
73 | color: #000; | ||
74 | display: block; | ||
71 | font-size: 16px; | 75 | font-size: 16px; |
72 | font-weight: $font-semibold; | 76 | font-weight: $font-semibold; |
73 | } | 77 | } |
@@ -76,6 +80,10 @@ | |||
76 | font-size: 13px; | 80 | font-size: 13px; |
77 | } | 81 | } |
78 | } | 82 | } |
83 | |||
84 | .video-buttons { | ||
85 | min-width: 190px; | ||
86 | } | ||
79 | } | 87 | } |
80 | 88 | ||
81 | @media screen and (max-width: 800px) { | 89 | @media screen and (max-width: 800px) { |
diff --git a/client/src/app/account/account-videos/account-videos.component.ts b/client/src/app/account/account-videos/account-videos.component.ts index 5f12cfce0..22941619d 100644 --- a/client/src/app/account/account-videos/account-videos.component.ts +++ b/client/src/app/account/account-videos/account-videos.component.ts | |||
@@ -4,6 +4,7 @@ import { NotificationsService } from 'angular2-notifications' | |||
4 | import 'rxjs/add/observable/from' | 4 | import 'rxjs/add/observable/from' |
5 | import 'rxjs/add/operator/concatAll' | 5 | import 'rxjs/add/operator/concatAll' |
6 | import { Observable } from 'rxjs/Observable' | 6 | import { Observable } from 'rxjs/Observable' |
7 | import { AuthService } from '../../core/auth' | ||
7 | import { ConfirmService } from '../../core/confirm' | 8 | import { ConfirmService } from '../../core/confirm' |
8 | import { AbstractVideoList } from '../../shared/video/abstract-video-list' | 9 | import { AbstractVideoList } from '../../shared/video/abstract-video-list' |
9 | import { Video } from '../../shared/video/video.model' | 10 | import { Video } from '../../shared/video/video.model' |
@@ -21,6 +22,7 @@ export class AccountVideosComponent extends AbstractVideoList implements OnInit | |||
21 | 22 | ||
22 | constructor (protected router: Router, | 23 | constructor (protected router: Router, |
23 | protected route: ActivatedRoute, | 24 | protected route: ActivatedRoute, |
25 | protected authService: AuthService, | ||
24 | protected notificationsService: NotificationsService, | 26 | protected notificationsService: NotificationsService, |
25 | protected confirmService: ConfirmService, | 27 | protected confirmService: ConfirmService, |
26 | private videoService: VideoService) { | 28 | private videoService: VideoService) { |