added loading gif, custom carousel css

iAlbertTran · Jan 30, 2019 · 7bb4d1e · 7bb4d1e
1 parent 25de6c5
commit 7bb4d1e
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 2 deletions.
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -30,7 +30,7 @@ import { DefaultUrlSerializer, UrlTree } from '@angular/router';
 // Import your library
 import { CountdownTimerModule } from 'ngx-countdown-timer';
 
-import { MDBBootstrapModule } from 'angular-bootstrap-md
+import { MDBBootstrapModule } from 'angular-bootstrap-md';
 
 export class LowerCaseUrlSerializer extends DefaultUrlSerializer {
     parse(url: string): UrlTree {

diff --git a/src/app/dashboard/dashboard.component.ts b/src/app/dashboard/dashboard.component.ts
@@ -23,6 +23,8 @@ export class DashboardComponent implements OnInit {
   collection = [];
   wishlist = [];
 
+  loading = true;
+
   constructor(public router: Router, private apiService: FunkollectionApiService, private _helperService: HelperService) { }
 
   ngOnInit() {
@@ -43,6 +45,7 @@ export class DashboardComponent implements OnInit {
             //this.funkopops = res['funkopops'];
             let pops = res['funkopops'];
             let size = 0;
+
             setInterval(() =>{
               if(size == pops.length)
                 return;

diff --git a/src/assets/loading.gif b/src/assets/loading.gif
diff --git a/src/styles.scss b/src/styles.scss
@@ -54,7 +54,6 @@ html{
     width: 100%;
     text-align: center;
     justify-content: center;
-    background: #1C1C1E;
     color: #3CA5AD;
     padding: 20px 0;
 }
@@ -91,4 +90,19 @@ html{
 }
 
 
+//md bootstrap custom css
+
+.carousel:hover .carousel-control-prev, .carousel:hover .carousel-control-next{
+    background: rgba(0, 0, 0, 0.5);
+}
+
+
+@media only screen and (max-width: 767px) {
+    .carousel .carousel-control-prev, .carousel .carousel-control-next{
+        background: rgba(0, 0, 0, 0.5);
+    }
+}
+
+
+