{
"type": "anyComponentStyle",
"maximumWarning": "6kb",
- "maximumError": "50kb"
+ "maximumError": "100kb"
}
],
"fileReplacements": [
--- /dev/null
+@import 'node_modules/video.js/dist/video-js';
+
+$assets-path: '../../assets/';
+@import '../../../sass/player/index';
--- /dev/null
+import { Component, ViewEncapsulation } from '@angular/core'
+
+/*
+* Allows to lazy load global player styles in the watch component
+*/
+
+@Component({
+ selector: 'my-player-styles',
+ template: '',
+ styleUrls: [ './player-styles.component.scss' ],
+ encapsulation: ViewEncapsulation.None
+})
+export class PlayerStylesComponent {
+}
<my-support-modal #supportModal [video]="video"></my-support-modal>
<my-video-share #videoShareModal [video]="video" [videoCaptions]="videoCaptions" [playlist]="playlist"></my-video-share>
</ng-container>
+
+<my-player-styles></my-player-styles>
import { VideoCommentAddComponent } from './comment/video-comment-add.component'
import { VideoCommentComponent } from './comment/video-comment.component'
import { VideoCommentsComponent } from './comment/video-comments.component'
+import { PlayerStylesComponent } from './player-styles.component'
import { RecommendationsModule } from './recommendations/recommendations.module'
import { TimestampRouteTransformerDirective } from './timestamp-route-transformer.directive'
import { VideoAvatarChannelComponent } from './video-avatar-channel.component'
VideoAvatarChannelComponent,
TimestampRouteTransformerDirective,
- TimestampRouteTransformerDirective
+
+ PlayerStylesComponent
],
exports: [
@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
-$assets-path: '../assets';
-
.peertube-container {
padding-bottom: 20px;
}
&.icon-menu {
background-color: pvar(--mainForegroundColor);
- mask-image: url('#{$assets-path}/images/misc/menu.svg');
+ mask-image: url('../assets/images/misc/menu.svg');
margin: 0 18px 0 20px;
-
+
@media screen and (max-width: $mobile-view) {
margin: 0 10px;
}
@import '_fonts';
-@import '~video.js/dist/video-js.css';
-
-$assets-path: '../../assets/';
-@import './player/index';
-
@import './bootstrap';
@import './primeng-custom';
@import './ng-select.scss';