@everymatrix/casino-collections-providers 0.0.411 → 0.0.413
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/casino-collections-providers",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.413",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"svelte": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "71de9fe1d6241d0c48edc9cd294c49f263edb504"
|
|
40
40
|
}
|
|
@@ -51,7 +51,9 @@
|
|
|
51
51
|
id: category.id,
|
|
52
52
|
name: category.name,
|
|
53
53
|
icon: category.icon,
|
|
54
|
-
games: category.games.items.slice(0, 4).map(game => game)
|
|
54
|
+
games: category.games.items.slice(0, 4).map(game => game),
|
|
55
|
+
background: category.background,
|
|
56
|
+
flag: category.flags
|
|
55
57
|
}
|
|
56
58
|
});
|
|
57
59
|
numberOfSlides = gameCategories.length;
|
|
@@ -179,7 +181,7 @@
|
|
|
179
181
|
<div class="CategoriesSlider" bind:this={categoriesSlider}>
|
|
180
182
|
{#each gameCategories as category}
|
|
181
183
|
<div class="CategoriesSliderWrapper Animation">
|
|
182
|
-
<div class="CategorySlide" style="background-image:{category?.background}" on:click={() => openCategory(category.id)}>
|
|
184
|
+
<div class="CategorySlide {category?.flag[0] == 'vendor' ? 'CategorySlideNoHighlight' : ''}" style="background-image:url({category?.background})" on:click={() => openCategory(category.id)}>
|
|
183
185
|
<div class="CategorySlideTopContainer">
|
|
184
186
|
{#if titletype == 'logo'}
|
|
185
187
|
<img class="CategorySlideLogo" src="{category.icon}" alt="{category.name} icon">
|
|
@@ -279,8 +281,14 @@
|
|
|
279
281
|
height: 200px;
|
|
280
282
|
width: 400px;
|
|
281
283
|
margin-right: 15px;
|
|
282
|
-
|
|
283
|
-
|
|
284
|
+
background-size: cover;
|
|
285
|
+
/* Requirement: Add background effect in order to contrast with the text and games on the collection */
|
|
286
|
+
/* -> If the slider has a listing of vendors, do not use the contrast effect since the images are already in contrast with our elements */
|
|
287
|
+
/* -> For the collections slider, the blend-mode mashes the inline background-image with the background-color, using the latter to darken the first */
|
|
288
|
+
&:not(.CategorySlideNoHighlight) {
|
|
289
|
+
background-color: #808080;
|
|
290
|
+
background-blend-mode: multiply;
|
|
291
|
+
}
|
|
284
292
|
&TopContainer {
|
|
285
293
|
height: 100px;
|
|
286
294
|
display: flex;
|