@everymatrix/casino-game-thumbnail 1.14.3 → 1.14.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-thumbnail",
-  "version": "1.14.3",
+  "version": "1.14.5",
   "main": "dist/casino-game-thumbnail.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "01f40eda1fe5e188af0312b07feed57286943c8b"
+  "gitHead": "3ae8f92d743368270919d33a4d4b8f98c78dcd83"
 }

package/src/CasinoGameThumbnail.svelte

@@ -23,7 +23,6 @@
   export let gameisnew:string = '';
   export let gametag:string = '';
   export let gamefunmode:boolean = false;
-  export let searchitem:boolean = false;
   export let gamefavorite:boolean = false;
   export let gamecellsize = '';
   export let showfavoredcategory:boolean = false;
@@ -44,7 +43,6 @@
   let playerID:string;
 
   let fav:boolean = false;
-  let hover:Boolean = false;
   let loaded:boolean = false
   let image:any;
   let userAgent:any = window.navigator.userAgent;
@@ -155,13 +153,6 @@
     addNewMessages(item, TRANSLATIONS[item]);
   });
 
-  const enter = ():void => {
-    hover = true;
-  }
-  const leave = ():void => {
-    hover = false;
-  }
-
   const messageHandler = (e:any):void => {
     if (e.data.type === `AddFavoriteThumbnail_${gameid}` && !showfavoredcategory) {
       gamefavorite = true;
@@ -596,14 +587,14 @@
 
 <div class={`GameContainer ${extraclassname}`} bind:this={customStylingContainer}>
   <div class="GameInnerContainer { (livegamedata && !isopen && openhours.value) || (livegamedata && istablefull) ? 'GameInnerContainerUnavailable' : ''}" on:mouseenter={gameHover} on:mouseleave={gameBlur} on:touchstart={gameTouch} on:touchend={gameTouchEnd}>
-    <img src={gamethumbnail} class={`GameBg GameBg-${gamecellsize} ${hover ? 'GameContainerHovered' : ''} ${loaded ? 'Loaded' : ''}`} alt="" bind:this={image} loading="lazy" />
+    <img src={gamethumbnail} class={`GameBg GameBg-${gamecellsize} ${loaded ? 'Loaded' : ''}`} alt="" bind:this={image} loading="lazy" />
     <div class="GameInfoWrapper">
-      <div class="GameInfo {hover ? 'GameHovered' : ''}">
+      <div class="GameInfo">
         {#if fav}
           {#if !isMobile(userAgent) && !gamefavorite && isLoggedIn}
             <div class="FavIconContainer" on:click="{() => toggleFavoriteGame(gameid)}">
               <svg version="1.1" class="UnfavoredIcon" part="UnfavoredIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="20px" y="20px"
-          viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><path style="fill: var(--emfe-w-color-white, #FFFFFF);" d="M511.266,197.256c-1.764-5.431-6.458-9.388-12.108-10.209l-158.722-23.065L269.452,20.155
+              viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><path style="fill: var(--emfe-w-color-white, #FFFFFF);" d="M511.266,197.256c-1.764-5.431-6.458-9.388-12.108-10.209l-158.722-23.065L269.452,20.155
               c-2.527-5.12-7.741-8.361-13.451-8.361c-5.709,0-10.924,3.242-13.451,8.361l-70.988,143.828L12.843,187.047
               c-5.65,0.821-10.344,4.779-12.108,10.209c-1.765,5.43-0.293,11.391,3.795,15.376l114.848,111.955L92.27,482.67
               c-0.965,5.627,1.349,11.315,5.968,14.67c4.618,3.355,10.74,3.798,15.797,1.142L256,423.846l141.961,74.637
@@ -619,7 +610,7 @@
         {/if}
         <p class="GameInfoName" title="{gamename}">{gamename}</p>
         {#if lang}
-        <button class="GameInfoBtn" on:click="{() => toggleGameFrame(gameid)}">{$_('playNow')}</button>
+          <button class="GameInfoBtn" on:click="{() => toggleGameFrame(gameid)}">{$_('playNow')}</button>
         {/if}
       </div>
       <span class="GameInfoVendor">
@@ -794,19 +785,6 @@
         font-weight: normal;
       }
     }
-
-    &:hover {
-      cursor: pointer;
-
-      .GameInfoWrapper{
-        display: block;
-      }
-
-      .GameBg {
-        filter: blur(5px) grayscale(1);
-      }
-    }
-
     .GameExtraInfo {
       display: block;
       position: absolute;
@@ -825,6 +803,18 @@
         border-radius: 5px;
       }
     }
+
+    &:hover, &:active {
+      cursor: pointer;
+
+      .GameInfoWrapper{
+        display: block;
+      }
+
+      .GameBg {
+        filter: blur(5px) grayscale(1);
+      }
+    }
   }
 
   .GameNameBelow {