github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-19 04:49:33 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

These are not the commits you are looking for.

Browse source
This commit is contained in:
twanariens 2021-01-15 02:25:28 +01:00
commit 0a5e635854
8 changed files with 108 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/Ombi/ClientApp/src/app/discover/components/card/discover-card-details.component.scss
View file

@ -42,4 +42,4 @@ h3 strong {
.overview { .overview {
height:300px; height:300px;
overflow-y: auto; overflow-y: auto;
} }

6
src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss
View file

@ -61,8 +61,12 @@ small {
} }
@media (min-width: 2000px) { @media (min-width: 2000px) {
.ombi-card{
height:100%;
}
#cardImage { #cardImage {
height: 80%; height: 100%;
object-fit: cover; object-fit: cover;
display: block; display: block;
} }

8
src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.html
View file

@ -1,8 +1,8 @@
<div class="right"> <div class="right">
<mat-button-toggle-group name="discoverMode"> <mat-button-toggle-group name="discoverMode" class="discover-filter-buttons-group">
<mat-button-toggle ngDefaultControl (click)="switchDiscoverMode(DiscoverOption.Combined)" [(ngModel)]="discoverOptions" value="{{DiscoverOption.Combined}}">{{'Discovery.Combined' | translate}}</mat-button-toggle> <mat-button-toggle ngDefaultControl (click)="switchDiscoverMode(DiscoverOption.Combined)" [(ngModel)]="discoverOptions" value="{{DiscoverOption.Combined}}" class="discover-filter-button">{{'Discovery.Combined' | translate}}</mat-button-toggle>
<mat-button-toggle ngDefaultControl (click)="switchDiscoverMode(DiscoverOption.Movie)" [(ngModel)]="discoverOptions" value="{{DiscoverOption.Movie}}">{{'Discovery.Movies' | translate}}</mat-button-toggle> <mat-button-toggle ngDefaultControl (click)="switchDiscoverMode(DiscoverOption.Movie)" [(ngModel)]="discoverOptions" value="{{DiscoverOption.Movie}}" class="discover-filter-button">{{'Discovery.Movies' | translate}}</mat-button-toggle>
<mat-button-toggle ngDefaultControl (click)="switchDiscoverMode(DiscoverOption.Tv)" [(ngModel)]="discoverOptions" value="{{DiscoverOption.Tv}}">{{'Discovery.Tv' | translate}}</mat-button-toggle> <mat-button-toggle ngDefaultControl (click)="switchDiscoverMode(DiscoverOption.Tv)" [(ngModel)]="discoverOptions" value="{{DiscoverOption.Tv}}" class="discover-filter-button">{{'Discovery.Tv' | translate}}</mat-button-toggle>
</mat-button-toggle-group> </mat-button-toggle-group>
</div> </div>

25
src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss
View file

@ -59,4 +59,29 @@
.right { .right {
text-align: right; text-align: right;
margin-top:-61px;
}
.discover-filter-buttons-group {
background: #0f171d;
border: 1px solid #35465c;
border-radius: 30px;
color:#fff;
margin-bottom:10px;
.discover-filter-button{
background:inherit;
color:inherit;
padding:0 20px;
border-radius: 30px;
margin:5px;
}
.discover-filter-button.cdk-focused{
background:#62d2fa;
}
.discover-filter-button .mat-button-toggle-button:focus{
outline:none;
}
} }

7
src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss
View file

@ -4,4 +4,9 @@
::ng-deep .p-carousel-indicators { ::ng-deep .p-carousel-indicators {
display: none !important; display: none !important;
} }
h2{
margin-top:40px;
margin-left:40px;
font-size: 24px;
}

10
src/Ombi/ClientApp/src/app/my-nav/my-nav.component.html
View file

@ -3,7 +3,7 @@
[attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'" [mode]="(isHandset$ | async) ? 'over' : 'side'" [attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'" [mode]="(isHandset$ | async) ? 'over' : 'side'"
[opened]="!(isHandset$ | async)"> [opened]="!(isHandset$ | async)">
<mat-toolbar>{{applicationName}}</mat-toolbar> <mat-toolbar class="application-name">{{applicationName}}</mat-toolbar>
<div class="outer-profile"> <div class="outer-profile">
<div class="profile-img-container"> <div class="profile-img-container">
@ -65,14 +65,14 @@
</div> </div>
</mat-sidenav> </mat-sidenav>
<mat-sidenav-content> <mat-sidenav-content class="content-container">
<mat-toolbar color="primary"> <mat-toolbar color="primary" class="top-bar-container">
<button type="button" aria-label="Toggle sidenav" mat-icon-button (click)="drawer.toggle()" <button type="button" aria-label="Toggle sidenav" mat-icon-button (click)="drawer.toggle()"
*ngIf="isHandset$ | async"> *ngIf="isHandset$ | async">
<mat-icon aria-label="Side nav toggle icon">menu</mat-icon> <mat-icon aria-label="Side nav toggle icon">menu</mat-icon>
</button> </button>
<div class="col-8 col-lg-10"> <div class="col-8 col-lg-10 top-search-bar">
<span class="justify-content-center align-items-center"> <span class="justify-content-center align-items-center">
<!-- Search Bar --> <!-- Search Bar -->
<div> <div>
@ -80,7 +80,7 @@
</div> </div>
</span> </span>
</div> </div>
<div class="col-2"> <div class="col-2 top-filter">
<button mat-icon-button [matMenuTriggerFor]="filterMenu"> <button mat-icon-button [matMenuTriggerFor]="filterMenu">
<mat-icon>filter_alt</mat-icon> <mat-icon>filter_alt</mat-icon>
</button> </button>

69
src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss
View file

@ -5,10 +5,6 @@
overflow:auto; overflow:auto;
} }
.sidenav {
width: 220px;
}
.sidenav .mat-toolbar { .sidenav .mat-toolbar {
background: inherit; background: inherit;
} }
@ -44,11 +40,6 @@
padding: 0px 5px; padding: 0px 5px;
} }
.active-list-item {
background: $accent !important;
color:white;
}
::ng-deep .dark .active-list-item { ::ng-deep .dark .active-list-item {
background: $accent-dark !important; background: $accent-dark !important;
color:black !important; color:black !important;
@ -119,4 +110,64 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
text-align: center; text-align: center;
}
// New CSS for new style //
.sidenav-container .sidenav{
background: #1b242f;
color:#FFF;
width: 23rem;
font-family: 'Montserrat', sans-serif;
.application-name{
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
color:#62d2fa;
align-items:center;
justify-content: center;
font-weight: 700;
font-size:24px;
padding:40px 20px;
height:auto;
}
.outer-profile {
background: inherit;
box-shadow:none;
}
.mat-list-item{
color:#FFF;
font-family:Roboto, sans-serif;
font-size: 14px;
font-weight: 400;
padding:10px 20px;
height:auto;
width:20rem;
margin-bottom:1rem;
}
.active-list-item{
color:#1b242f;
background: #62d2fa;
border-radius:0px 30px 30px 0px;
padding:10px 20px;
height:auto;
width:20rem;
}
}
.outer-profile .profile-img-container {
background: inherit;
}
.content-container{
background: #0f171d;
color:#FFF;
.top-bar-container{
background: #0f171d;
color:#35465c;
}
} }

4
src/Ombi/ClientApp/src/styles/shared.scss
View file

@ -62,7 +62,7 @@ body {
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 7px; width: 7px;
background: #818181; background: #0f171d;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
@ -72,7 +72,7 @@ body {
// Changed color of the scrollbar // Changed color of the scrollbar
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 3px; border-radius: 3px;
background: #303030; background: #35465c;
} }
.sidenav ::-webkit-scrollbar-track { .sidenav ::-webkit-scrollbar-track {