Theatrical Release:
diff --git a/src/Ombi/ClientApp/src/app/media-details/movie/movie-details.component.ts b/src/Ombi/ClientApp/src/app/media-details/movie/movie-details.component.ts
index 391f63e55..b428419fb 100644
--- a/src/Ombi/ClientApp/src/app/media-details/movie/movie-details.component.ts
+++ b/src/Ombi/ClientApp/src/app/media-details/movie/movie-details.component.ts
@@ -1,4 +1,4 @@
-import { Component } from "@angular/core";
+import { Component, ViewEncapsulation } from "@angular/core";
import { ImageService, SearchV2Service, RequestService, MessageService } from "../../services";
import { ActivatedRoute } from "@angular/router";
import { DomSanitizer } from "@angular/platform-browser";
@@ -10,6 +10,7 @@ import { AuthService } from "../../auth/auth.service";
@Component({
templateUrl: "./movie-details.component.html",
styleUrls: ["../media-details.component.scss"],
+ encapsulation: ViewEncapsulation.None
})
export class MovieDetailsComponent {
public movie: ISearchMovieResultV2;
diff --git a/src/Ombi/ClientApp/src/app/media-details/tv/tv-details.component.ts b/src/Ombi/ClientApp/src/app/media-details/tv/tv-details.component.ts
index 7bdd78244..d57dcb64a 100644
--- a/src/Ombi/ClientApp/src/app/media-details/tv/tv-details.component.ts
+++ b/src/Ombi/ClientApp/src/app/media-details/tv/tv-details.component.ts
@@ -1,4 +1,4 @@
-import { Component } from "@angular/core";
+import { Component, ViewEncapsulation } from "@angular/core";
import { ImageService, SearchV2Service, RequestService, MessageService } from "../../services";
import { ActivatedRoute } from "@angular/router";
import { DomSanitizer } from "@angular/platform-browser";
@@ -9,6 +9,7 @@ import { YoutubeTrailerComponent } from "../youtube-trailer.component";
@Component({
templateUrl: "./tv-details.component.html",
styleUrls: ["../media-details.component.scss"],
+ encapsulation: ViewEncapsulation.None
})
export class TvDetailsComponent {
public tv: ISearchTvResultV2;
diff --git a/src/Ombi/ClientApp/src/app/shared/shared.module.ts b/src/Ombi/ClientApp/src/app/shared/shared.module.ts
index 516c4d115..e488cedd2 100644
--- a/src/Ombi/ClientApp/src/app/shared/shared.module.ts
+++ b/src/Ombi/ClientApp/src/app/shared/shared.module.ts
@@ -13,10 +13,12 @@ import {
MatButtonModule, MatNativeDateModule, MatIconModule, MatSidenavModule, MatListModule, MatToolbarModule, MatTooltipModule} from '@angular/material';
import { MatCardModule, MatInputModule, MatTabsModule, MatAutocompleteModule, MatCheckboxModule, MatExpansionModule, MatDialogModule, MatProgressSpinnerModule,
MatChipsModule } from "@angular/material";
+import { EpisodeRequestComponent } from "./episode-request/episode-request.component";
@NgModule({
declarations: [
IssuesReportComponent,
+ EpisodeRequestComponent,
],
imports: [
SidebarModule,
@@ -38,16 +40,22 @@ import {
MatListModule,
MatToolbarModule,
MatCheckboxModule,
+ TranslateModule,
MatExpansionModule,
MatDialogModule,
],
+ entryComponents: [
+ EpisodeRequestComponent
+ ],
exports: [
TranslateModule,
CommonModule,
FormsModule,
+ TranslateModule,
SidebarModule,
MatProgressSpinnerModule,
IssuesReportComponent,
+ EpisodeRequestComponent,
TruncateModule,
InputSwitchModule,
MomentModule,MatCardModule,
diff --git a/src/Ombi/ClientApp/src/styles/Styles.scss b/src/Ombi/ClientApp/src/styles/Styles.scss
index 94b680112..a690417a4 100644
--- a/src/Ombi/ClientApp/src/styles/Styles.scss
+++ b/src/Ombi/ClientApp/src/styles/Styles.scss
@@ -1,42 +1,47 @@
@import '~@angular/material/theming';
@import "./mat-palette.scss";
// Plus imports for other components in your app.
-
// Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app.
// Be sure that you only ever include this mixin once!
@include mat-core();
-
// Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/
$ombi-app-primary: mat-palette($ombi-primary, 500);
-$ombi-app-accent: mat-palette($ombi-accent, A200, A100, A400);
-$panel-color: white;
-
+$ombi-app-accent : mat-palette($ombi-accent, A200, A100, A400);
+$panel: white;
+$text:black;
+$background: white;
// The warn palette is optional (defaults to red).
-$ombi-app-warn: mat-palette($mat-deep-orange);
-
+$ombi-app-warn : mat-palette($mat-deep-orange);
// Create the theme object (a Sass map containing all of the palettes).
$ombi-app-theme: mat-light-theme($ombi-app-primary, $ombi-app-accent, $ombi-app-warn);
-
// Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
@include angular-material-theme($ombi-app-theme);
-
-
-
// Define an alternate dark theme.
-$ombi-app-primary: mat-palette($mat-grey, 800);
-$ombi-app-accent: mat-palette($mat-amber, A200, A100, A400);
-$ombi-app-warn: mat-palette($mat-deep-orange);
-$dark-theme: mat-dark-theme($ombi-app-primary, $ombi-app-accent, $ombi-app-warn);
+$ombi-dark-app-primary: mat-palette($mat-grey, 800);
+$ombi-dark-app-accent : mat-palette($mat-amber, A200, A100, A400);
+$ombi-dark-app-warn : mat-palette($mat-deep-orange);
+$dark-theme : mat-dark-theme($ombi-dark-app-primary, $ombi-dark-app-accent, $ombi-dark-app-warn);
+
+$primary: mat-color($ombi-app-primary);
+$accent: mat-color($ombi-app-accent);
+$warn: mat-color($ombi-app-warn);
// Include the alternative theme styles inside of a block with a CSS class. You can make this
// CSS class whatever you want. In this example, any component inside of an element with
-// `.dark-theme` will be affected by this alternate dark theme instead of the default theme.
+// `.dark` will be affected by this alternate dark theme instead of the default theme.
.dark {
@include angular-material-theme($dark-theme);
- $panel-color: mat-color(mat-palette($mat-grey, 800));
+ $panel: mat-color(mat-palette($mat-grey, 800));
+ $primary: mat-color($ombi-dark-app-primary);
+ $accent: mat-color($ombi-dark-app-accent);
+ $warn: mat-color($ombi-dark-app-warn);
+
+ $background: #424242;
+
+ $text: white;
}
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/styles/primeng-overrides.scss b/src/Ombi/ClientApp/src/styles/primeng-overrides.scss
index 0b756a542..101626719 100644
--- a/src/Ombi/ClientApp/src/styles/primeng-overrides.scss
+++ b/src/Ombi/ClientApp/src/styles/primeng-overrides.scss
@@ -1,3 +1,4 @@
+@import "Styles.scss";
// PrimeNG Carosel overrides
.ui-carousel-dropdown {
display:none;
@@ -8,6 +9,7 @@
.ui-carousel-viewport {
border:0 !important;
+ background-color:$background !important;
}
.ui-carousel .ui-carousel-header {