@everymatrix/casino-slider 0.0.365 → 0.0.368

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-slider",
-  "version": "0.0.365",
+  "version": "0.0.368",
   "main": "dist/casino-slider.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f4dabfce4df55a591981f327a670cc250a2ed257"
+  "gitHead": "8de3cc787cc97aec99916dfedb01ec69ac55ba98"
 }

package/src/CasinoSlider.svelte

@@ -19,6 +19,7 @@
   export let issecondarymenu:boolean = false;
   export let lang:string = '';
   export let activeindex:string = '0';
+  export let showsubgroups:string = '';
 
   setupI18n({ withLocale: 'en', translations: {}});
 
@@ -130,8 +131,8 @@
               {category.name} {category.id === "FAVORITES" ? "(" + favoritesnumber + ")" : ''}
             {/if}
 
-            {#if category?.subGroups}
-              <div class="dropdown-content">
+            {#if category?.subGroups && showsubgroups == 'true'}
+              <div class="DropdownContent">
                 {#each category?.subGroups?.items as subCategory}
                   <a>{subCategory?.name}</a>
                 {/each}
@@ -189,7 +190,7 @@
       flex-direction: row;
       flex-wrap: nowrap;
       align-items: center;
-      //overflow-y: scroll;
+      overflow-y: scroll;
       list-style-type: none;
       -ms-overflow-style: none;
       scrollbar-width: none;
@@ -219,32 +220,31 @@
       }
     }
 
-    .dropdown-content {
+    .DropdownContent {
+      position: absolute;
       transition: all 1s ease-in;
       display: none;
-      position: absolute;
       min-width: 100px;
-      height: auto;
       top: 52px;
       left: 0;
       padding: 10px 11px;
       background: var(--emfe-w-color-contrast, #07072A);  /* fallback for old browsers */
       background: -webkit-linear-gradient(var(--emfe-w-color-contrast, #07072A), var(--emfe-w-color-primary, #D0046C));  /* Chrome 10-25, Safari 5.1-6 */
       background: linear-gradient(var(--emfe-w-color-contrast, #07072A), var(--emfe-w-color-primary, #D0046C)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-
       & a {
         display: block;
         font-weight: 400;
         line-height: 30px;
+        text-align: left;
       }
     }
 
-
-    .dropdown:hover .dropdown-content {
-      transition: all 1s ease-in;
-      display: block;
-      opacity: 1;
-      z-index: 999;
+    .CarouselItem {
+      &:hover {
+        .DropdownContent {
+          display: block;
+        }
+      }
     }
 
     .CarouselLeftArrow,