forks/peertube
1
0
Fork 0
Code Releases Activity

Align search field with checkboxes in playlist add

Browse source
This commit is contained in:
Chocobozzz 2020-01-06 15:13:37 +01:00
parent 6a07a05861
commit 93d54cc769
No known key found for this signature in database
GPG key ID: 583A612D890159BE
3 changed files with 9 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
client/src/app/shared/video-playlist/video-add-to-playlist.component.scss
View file

@ -1,10 +1,14 @@
@import '_variables'; @import '_variables';
@import '_mixins'; @import '_mixins';
.header,
.dropdown-item,
.input-container {
padding: 6px 24px 10px 24px;
}
.header { .header {
min-width: 240px; min-width: 240px;
padding: 6px 24px 10px 24px;
margin-bottom: 10px; margin-bottom: 10px;
border-bottom: 1px solid $separator-border-color; border-bottom: 1px solid $separator-border-color;
@ -44,24 +48,11 @@
} }
} }
.dropdown-item {
padding: 6px 24px;
}
.playlists { .playlists {
max-height: 180px; max-height: 180px;
overflow-y: auto; overflow-y: auto;
} }
.input-container {
display: flex;
input {
flex-grow: 1;
margin: 0 15px 10px 15px;
}
}
.playlist { .playlist {
display: flex; display: flex;
cursor: pointer; cursor: pointer;

5
client/src/app/shared/video-playlist/video-add-to-playlist.component.ts
View file

@ -1,5 +1,5 @@
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core' import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core'
import { VideoPlaylistService } from '@app/shared/video-playlist/video-playlist.service' import { CachedPlaylist, VideoPlaylistService } from '@app/shared/video-playlist/video-playlist.service'
import { AuthService, Notifier } from '@app/core' import { AuthService, Notifier } from '@app/core'
import { Subject, Subscription } from 'rxjs' import { Subject, Subscription } from 'rxjs'
import { debounceTime, filter } from 'rxjs/operators' import { debounceTime, filter } from 'rxjs/operators'
@ -7,7 +7,6 @@ import { Video, VideoPlaylistCreate, VideoPlaylistElementCreate, VideoPlaylistPr
import { FormReactive, FormValidatorService, VideoPlaylistValidatorsService } from '@app/shared/forms' import { FormReactive, FormValidatorService, VideoPlaylistValidatorsService } from '@app/shared/forms'
import { I18n } from '@ngx-translate/i18n-polyfill' import { I18n } from '@ngx-translate/i18n-polyfill'
import { secondsToTime } from '../../../assets/player/utils' import { secondsToTime } from '../../../assets/player/utils'
import { VideoPlaylist } from '@app/shared/video-playlist/video-playlist.model'
import * as debug from 'debug' import * as debug from 'debug'
import { DisableForReuseHook } from '@app/core/routing/disable-for-reuse-hook' import { DisableForReuseHook } from '@app/core/routing/disable-for-reuse-hook'
import { VideoExistInPlaylist } from '@shared/models/videos/playlist/video-exist-in-playlist.model' import { VideoExistInPlaylist } from '@shared/models/videos/playlist/video-exist-in-playlist.model'
@ -50,7 +49,7 @@ export class VideoAddToPlaylistComponent extends FormReactive implements OnInit,
private disabled = false private disabled = false
private listenToPlaylistChangeSub: Subscription private listenToPlaylistChangeSub: Subscription
private playlistsData: VideoPlaylist[] = [] private playlistsData: CachedPlaylist[] = []
constructor ( constructor (
protected formValidatorService: FormValidatorService, protected formValidatorService: FormValidatorService,

2
client/src/app/shared/video-playlist/video-playlist.service.ts
View file

@ -26,7 +26,7 @@ import * as debug from 'debug'
const logger = debug('peertube:playlists:VideoPlaylistService') const logger = debug('peertube:playlists:VideoPlaylistService')
type CachedPlaylist = VideoPlaylist | { id: number, displayName: string } export type CachedPlaylist = VideoPlaylist | { id: number, displayName: string }
@Injectable() @Injectable()
export class VideoPlaylistService { export class VideoPlaylistService {