Cutoff is infixable, but cheated a bit with css.

3 years ago · cd92b4db5b
parent 72668d1c50
commit cd92b4db5b
3 changed files with 21 additions and 24 deletions
--- a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss
+++ b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss
@ -105,6 +105,8 @@
   padding: 5px;
 }

-::ng-deep .p-carousel-item{
-  flex: 1 0 200px !important;
+@media (min-width:755px){
+  ::ng-deep .p-carousel-item{
+    flex: 1 0 200px !important;
+  }
 }
--- a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts
+++ b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts
@ -46,80 +46,80 @@ export class CarouselListComponent implements OnInit {
            {
                breakpoint: '4000px',
                numVisible: 17,
-                numScroll: 17
+                numScroll: 16
            },
            {
                breakpoint: '3800px',
                numVisible: 16,
-                numScroll: 16
+                numScroll: 15
            },
            {
                breakpoint: '3600px',
                numVisible: 15,
-                numScroll: 15
+                numScroll: 14
            },
            {
                breakpoint: '3400px',
                numVisible: 14,
-                numScroll: 14
+                numScroll: 13
            },
            {
                breakpoint: '3200px',
                numVisible: 13,
-                numScroll: 13
+                numScroll: 12
            },
            {
                breakpoint: '3000px',
                numVisible: 12,
-                numScroll: 12
+                numScroll: 11
            },
            {
                breakpoint: '2800px',
                numVisible: 11,
-                numScroll: 11
+                numScroll: 10
            },
            {
                breakpoint: '2600px',
                numVisible: 10,
-                numScroll: 10
+                numScroll: 9
            },
            {
                breakpoint: '2400px',
                numVisible: 9,
-                numScroll: 9
+                numScroll: 8
            },
            {
                breakpoint: '2200px',
                numVisible: 8,
-                numScroll: 8
+                numScroll: 7
            },
            {
                breakpoint: '2000px',
                numVisible: 7,
-                numScroll: 7
+                numScroll: 6
            },
            {
                breakpoint: '1800px',
                numVisible: 6,
-                numScroll: 6
+                numScroll: 5
            },
            {
                breakpoint: '1650px',
                numVisible: 5,
-                numScroll: 5
+                numScroll: 4
            },
            {
                breakpoint: '1500px',
                numVisible: 4,
-                numScroll: 4
+                numScroll: 3
            },
            {
-                breakpoint: '1250px',
+                breakpoint: '768px',
                numVisible: 3,
-                numScroll: 3
+                numScroll: 2
            },
            {
-                breakpoint: '768px',
+                breakpoint: '660px',
                numVisible: 2,
                numScroll: 2
            },
--- a/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss
+++ b/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss
@ -9,9 +9,4 @@ h2{
    margin-top:40px;
    margin-left:40px;
    font-size: 24px;
-}
-
-::ng-deep .p-carousel-item{
-    min-height:290px;
-    max-height:290px;
 }