From 0bb1802229dc91f2070c1e9484c18de6173ed2ef Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Mon, 8 Aug 2022 22:23:34 +0100
Subject: [PATCH] got scroll working

---
 .../discover/components/carousel.options.ts   | 83 ++++---------------
 .../recently-requested-list.component.html    |  2 +-
 2 files changed, 15 insertions(+), 70 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/discover/components/carousel.options.ts b/src/Ombi/ClientApp/src/app/discover/components/carousel.options.ts
index a094a9e48..c3624d13a 100644
--- a/src/Ombi/ClientApp/src/app/discover/components/carousel.options.ts
+++ b/src/Ombi/ClientApp/src/app/discover/components/carousel.options.ts
@@ -1,83 +1,28 @@
 export const ResponsiveOptions = [
-    {
-        breakpoint: '4000px',
-        numVisible: 17,
-        numScroll: 16
-    },
-    {
-        breakpoint: '3800px',
-        numVisible: 16,
-        numScroll: 15
-    },
-    {
-        breakpoint: '3600px',
-        numVisible: 15,
-        numScroll: 14
-    },
-    {
-        breakpoint: '3400px',
-        numVisible: 14,
-        numScroll: 13
-    },
-    {
-        breakpoint: '3200px',
-        numVisible: 13,
-        numScroll: 12
-    },
-    {
-        breakpoint: '3000px',
-        numVisible: 12,
-        numScroll: 11
-    },
-    {
-        breakpoint: '2800px',
-        numVisible: 11,
-        numScroll: 10
-    },
-    {
-        breakpoint: '2600px',
-        numVisible: 10,
-        numScroll: 9
-    },
-    {
-        breakpoint: '2400px',
-        numVisible: 9,
-        numScroll: 8
-    },
-    {
-        breakpoint: '2200px',
-        numVisible: 8,
-        numScroll: 7
-    },
-    {
-        breakpoint: '2000px',
-        numVisible: 7,
-        numScroll: 6
-    },
     {
         breakpoint: '1800px',
-        numVisible: 6,
-        numScroll: 5
-    },
-    {
-        breakpoint: '1650px',
-        numVisible: 5,
-        numScroll: 4
-    },
-    {
-        breakpoint: '1500px',
-        numVisible: 4,
+        numVisible: 3,
         numScroll: 3
     },
     {
-        breakpoint: '768px',
+        breakpoint: '1650px',
         numVisible: 3,
+        numScroll: 3
+    },
+    {
+        breakpoint: '1500px',
+        numVisible: 2,
         numScroll: 2
     },
+    {
+        breakpoint: '768px',
+        numVisible: 1,
+        numScroll: 1
+    },
     {
         breakpoint: '660px',
-        numVisible: 2,
-        numScroll: 2
+        numVisible: 1,
+        numScroll: 1
     },
     {
         breakpoint: '480px',
diff --git a/src/Ombi/ClientApp/src/app/discover/components/recently-requested-list/recently-requested-list.component.html b/src/Ombi/ClientApp/src/app/discover/components/recently-requested-list/recently-requested-list.component.html
index 2119489af..76f98716f 100644
--- a/src/Ombi/ClientApp/src/app/discover/components/recently-requested-list/recently-requested-list.component.html
+++ b/src/Ombi/ClientApp/src/app/discover/components/recently-requested-list/recently-requested-list.component.html
@@ -1,4 +1,4 @@
-<p-carousel #carousel [numVisible]="10" [numScroll]="10" [page]="0" [value]="requests" [responsiveOptions]="responsiveOptions">
+<p-carousel #carousel [value]="requests" [responsiveOptions]="responsiveOptions" [page]="0">
     <ng-template let-result pTemplate="item">
         <ombi-detailed-card [request]="result" (onClick)="navigate(result)"></ombi-detailed-card>
     </ng-template>