Merge pull request #2 from trblackw/master

hide horizontal scroll bars for movie showcase containers

package-lock.json

@@ -5149,6 +5149,14 @@
         "readable-stream": "^2.0.4"
       }
     },
+    "flux-standard-action": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/flux-standard-action/-/flux-standard-action-2.1.0.tgz",
+      "integrity": "sha512-9Gd5RIfxyvS33xfxRf/ePOBKcPe4BlMu6qg6aS+kieTcVLgn19O6t/n7TY2deT5L0uhUSFpJg2fq5BpUsShpfw==",
+      "requires": {
+        "lodash": "^4.17.11"
+      }
+    },
     "follow-redirects": {
       "version": "1.5.9",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.9.tgz",
@@ -7805,6 +7813,11 @@
       "integrity": "sha1-IHurkWOEmcB7Kt8kCkGochADRXU=",
       "dev": true
     },
+    "is-promise": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.1.0.tgz",
+      "integrity": "sha1-eaKp7OfwlugPNtKy87wWwf9L8/o="
+    },
     "is-redirect": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-redirect/-/is-redirect-1.0.0.tgz",
@@ -8166,8 +8179,7 @@
     "lodash": {
       "version": "4.17.11",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz",
-      "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==",
+      "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg=="
-      "dev": true
     },
     "lodash._basecopy": {
       "version": "3.0.1",
@@ -11083,6 +11095,15 @@
         "symbol-observable": "^1.2.0"
       }
     },
+    "redux-promise": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/redux-promise/-/redux-promise-0.6.0.tgz",
+      "integrity": "sha512-R2mGxJbPFgXyCNbFDE6LjTZhCEuACF54g1bxld3nqBhnRMX0OsUyWk77moF7UMGkUdl5WOAwc4BC5jOd1dunqQ==",
+      "requires": {
+        "flux-standard-action": "^2.0.3",
+        "is-promise": "^2.1.0"
+      }
+    },
     "redux-thunk": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.3.0.tgz",

package.json

@@ -21,6 +21,7 @@
     "react-redux": "^6.0.1",
     "react-router-dom": "^4.3.1",
     "redux": "^4.0.1",
+    "redux-promise": "^0.6.0",
     "redux-thunk": "^2.3.0"
   },
   "devDependencies": {

src/static/sass/components/_movieShowcase.scss

@@ -7,14 +7,18 @@
       padding-top: 2rem;
    }
 
+   &__container::-webkit-scrollbar {
+      display: none;
+   }
+
    &__container { 
-      overflow-y: hidden;
+      scrollbar-width: none;
       transition: transform 450ms;
+      overflow: -moz-hidden-unscrollable;
       overflow-x: scroll;
       display: flex;
       width: 95vw;
       overflow: -moz-scrollbars-horizontal; 
- 
       grid-template-columns: repeat(20, 1fr);
       column-gap: 0;