gatsby-matrix-theme 7.1.28 → 7.1.31

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.
Files changed (13) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/package.json +1 -1
  3. package/src/components/atoms/cards/comparison-table/table/index.js +6 -3
  4. package/src/components/molecules/cookie-modal/category/category.module.scss +8 -2
  5. package/src/components/molecules/cookie-modal/category/index.js +1 -1
  6. package/src/components/molecules/cookie-modal/cookie-modal.module.scss +27 -8
  7. package/src/components/molecules/cookie-modal/index.js +5 -3
  8. package/src/gatsby-core-theme/components/organisms/cookie-consent/cookie-consent.module.scss +11 -9
  9. package/src/gatsby-core-theme/hooks/modal/modal.module.scss +2 -1
  10. package/src/gatsby-core-theme/styles/utils/variables/_main.scss +2 -0
  11. package/storybook/public/iframe.html +1 -1
  12. package/storybook/public/main.eb20dbbc.iframe.bundle.js +1 -0
  13. package/storybook/public/main.8c95231a.iframe.bundle.js +0 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,30 @@
1
+ ## [7.1.31](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.30...v7.1.31) (2022-07-01)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * make style and replaced headings to span ([ec24bbd](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/ec24bbd532dc6cc4a4b65a62b26ebcd1c823d1f2))
7
+
8
+
9
+ * Merge branch 'tm-2622-cookie' into 'master' ([8458ad5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/8458ad5f80d41a9d98280513736fc16c118fd61e))
10
+
11
+ ## [7.1.30](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.29...v7.1.30) (2022-06-30)
12
+
13
+
14
+ ### Bug Fixes
15
+
16
+ * added standardized logos in comparison table as well as width and height for licence and withdrawal methods ([681eb1d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/681eb1dcb8b3959948c84bbbdf2813beb0c6d71f))
17
+
18
+ ## [7.1.29](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.28...v7.1.29) (2022-06-28)
19
+
20
+
21
+ ### Bug Fixes
22
+
23
+ * cookie-consent ([9b3f6ed](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/9b3f6edf772528d3dc97fcfbd4f29ce7a09f89d9))
24
+
25
+
26
+ * Merge branch 'tm-2622' into 'master' ([f4d11fd](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f4d11fd63c4731132ceae5d6498da0fc4fd7d307))
27
+
1
28
  ## [7.1.28](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.27...v7.1.28) (2022-06-24)
2
29
 
3
30
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gatsby-matrix-theme",
3
- "version": "7.1.28",
3
+ "version": "7.1.31",
4
4
  "main": "index.js",
5
5
  "description": "Matrix Theme NPM Package",
6
6
  "author": "",
package/src/components/atoms/cards/comparison-table/table/index.js CHANGED
@@ -78,6 +78,8 @@ export default function ComparisonTable({
78
78
  const CustomComponent = rowData.customComponent;
79
79
  return <CustomComponent key={key} operator={item} />;
80
80
  }
81
+ const imageObject =
82
+ item?.relation.standardised_logo_url_object || item?.relation.logo_url_object;
81
83
 
82
84
  switch (heading) {
83
85
  case 'casino_name':
@@ -85,7 +87,7 @@ export default function ComparisonTable({
85
87
  <td key={key} className={styles.casinoName}>
86
88
  {item?.relation?.logo_url ? (
87
89
  <LazyImg
88
- src={imagePrettyUrl(item?.relation?.logo_url)}
90
+ src={imagePrettyUrl(imageObject?.filename || item?.relation.logo_url, 89, 89)}
89
91
  height={89}
90
92
  width={89}
91
93
  alt={item.relation.name}
@@ -150,7 +152,7 @@ export default function ComparisonTable({
150
152
  return (
151
153
  <LazyImg
152
154
  key={`${key}-${deposit.name}`}
153
- src={imagePrettyUrl(deposit?.logo_filename)}
155
+ src={imagePrettyUrl(deposit?.logo_filename, 72, 72)}
154
156
  width={72}
155
157
  height={72}
156
158
  alt={deposit.name}
@@ -209,8 +211,9 @@ export default function ComparisonTable({
209
211
  return (
210
212
  <LazyImg
211
213
  key={license.name}
212
- src={imagePrettyUrl(license?.logo_filename)}
214
+ src={imagePrettyUrl(license?.logo_filename, 72, 72)}
213
215
  height={32}
216
+ width={72}
214
217
  alt={license.name}
215
218
  />
216
219
  );
package/src/components/molecules/cookie-modal/category/category.module.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  overflow-y: hidden;
4
4
  background-color: #f3f2f2;
5
5
  border-radius: 8px;
6
- margin-bottom: 8px;
6
+ margin-top: 8px;
7
7
 
8
8
  .categoryHeader {
9
9
  display: flex;
@@ -19,6 +19,7 @@
19
19
  font-weight: 700;
20
20
  font-size: 14px;
21
21
  line-height: 22px;
22
+ text-align: right
22
23
  }
23
24
 
24
25
  .boxTitle {
@@ -27,7 +28,7 @@
27
28
  white-space: nowrap;
28
29
  overflow: hidden;
29
30
  text-overflow: ellipsis;
30
- > h3 {
31
+ > span {
31
32
  margin: 0px;
32
33
  padding-left: 10px;
33
34
  font-weight: 700;
@@ -47,6 +48,11 @@
47
48
  font-weight: 400;
48
49
  font-size: 14px;
49
50
  line-height: 19px;
51
+ color: #39394F;
52
+
53
+ @include min(tablet){
54
+ color:#150E06;
55
+ }
50
56
  }
51
57
  }
52
58
 
package/src/components/molecules/cookie-modal/category/index.js CHANGED
@@ -23,7 +23,7 @@ const CategoryContainer = ({
23
23
  <div className={styles.categoryHeader}>
24
24
  <div className={styles.boxTitle}>
25
25
  {currentSection === index ? <AiOutlineMinus /> : <AiOutlinePlus />}
26
- <h3>{translate(translations, obj?.translateKey, obj?.altTranslation)}</h3>
26
+ <span>{translate(translations, obj?.translateKey, obj?.altTranslation)}</span>
27
27
  </div>
28
28
  {obj?.button ? (
29
29
  <ToggleButton state={currentState} setStateFunc={updateState} />
package/src/components/molecules/cookie-modal/cookie-modal.module.scss CHANGED
@@ -11,7 +11,8 @@
11
11
  border-bottom: 1px solid #ced0dd;
12
12
 
13
13
  > img {
14
- width: 150px;
14
+ width: 184px;
15
+ height: 29px;
15
16
  }
16
17
 
17
18
  > button {
@@ -25,17 +26,18 @@
25
26
  margin-top: 18px;
26
27
  margin-bottom: 16px;
27
28
 
28
- h4 {
29
- margin: 0px;
29
+ span {
30
30
  font-size: 16px;
31
31
  font-weight: 700;
32
32
  line-height: 24px;
33
- margin-bottom: 8px;
33
+ color: #150E06;
34
34
  }
35
35
  p {
36
36
  font-weight: 400;
37
37
  font-size: 14px;
38
38
  line-height: 19px;
39
+ color: #150E06;
40
+ margin-top: 8px;
39
41
  }
40
42
  }
41
43
 
@@ -67,10 +69,11 @@
67
69
  font-size: 16px;
68
70
  line-height: 24px;
69
71
  margin-bottom: 8px;
72
+ color: #150E06;
70
73
  }
71
74
  }
72
75
  .lastButton {
73
- padding-top: 6px;
76
+ padding-top: 16px;
74
77
  padding-bottom: 3.2rem;
75
78
  > button {
76
79
  height: 40px;
@@ -82,13 +85,28 @@
82
85
  @include min(tablet) {
83
86
  border-radius: 16px;
84
87
  padding: 34px 32px;
85
- overflow-y: hidden;
88
+ overflow-y: scroll;
89
+ max-height: 98vh;
90
+ &::-webkit-scrollbar {
91
+ width: 3px;
92
+ }
93
+ &::-webkit-scrollbar-track {
94
+ background: transparent;
95
+ }
96
+ &::-webkit-scrollbar-thumb {
97
+ background: #888;
98
+ border-radius: 10px;
99
+ }
100
+ &::-webkit-scrollbar-thumb:hover {
101
+ background: #555;
102
+ }
86
103
  .modalCookieHeader {
87
104
  justify-content: center;
88
105
  padding-bottom: 27px;
89
106
  border: none;
90
107
  > img {
91
- width: 128px;
108
+ width: 159px;
109
+ height: 25px;
92
110
  }
93
111
  > button {
94
112
  right: -11px;
@@ -99,7 +117,7 @@
99
117
  margin-top: 0px;
100
118
  margin-bottom: 0px;
101
119
  color: #150e06;
102
- h4 {
120
+ span {
103
121
  font-size: 18px;
104
122
  line-height: 26px;
105
123
  }
@@ -126,6 +144,7 @@
126
144
  }
127
145
  }
128
146
  .lastButton {
147
+
129
148
  padding-bottom: 0rem;
130
149
  > button {
131
150
  width: auto;
package/src/components/molecules/cookie-modal/index.js CHANGED
@@ -44,7 +44,9 @@ const CookieModal = ({ acceptCookies, closeModal, logo = '../../../../../images/
44
44
  </button>
45
45
  </div>
46
46
  <div className={styles.modalTextHeader}>
47
- <h4>{translate(translations, 'privacy_preference_title', 'Privacy Preference Center')}</h4>
47
+ <span>
48
+ {translate(translations, 'privacy_preference_title', 'Privacy Preference Center')}
49
+ </span>
48
50
  <p>{translate(translations, 'privacy_preference_text')}</p>
49
51
  </div>
50
52
  <div className={styles.modalButtons}>
@@ -68,9 +70,9 @@ const CookieModal = ({ acceptCookies, closeModal, logo = '../../../../../images/
68
70
  />
69
71
  </div>
70
72
  <div className={styles.mainBox}>
71
- <h3 className={styles.mainTitle}>
73
+ <span className={styles.mainTitle}>
72
74
  {translate(translations, 'menage_consent_preference', 'Manage Consent Preferences')}
73
- </h3>
75
+ </span>
74
76
 
75
77
  {CategoryObj.map((elm, index) => {
76
78
  const state = index === 1 ? anlyticsButton : marketing;
package/src/gatsby-core-theme/components/organisms/cookie-consent/cookie-consent.module.scss CHANGED
@@ -4,6 +4,7 @@
4
4
  background-color: var(--cookie-consent-background-color);
5
5
  z-index: var(--cookie-consent-index);
6
6
  padding: 1.7rem 0;
7
+ box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.15);
7
8
 
8
9
  &.bottom {
9
10
  bottom: 0;
@@ -23,10 +24,7 @@
23
24
  @include min(tablet) {
24
25
  flex-direction: row;
25
26
  align-items: center;
26
- }
27
-
28
- @include min(laptop) {
29
- padding: 0px;
27
+ padding: 0rem 2.3rem !important;
30
28
  }
31
29
 
32
30
  .buttonsContainer {
@@ -37,11 +35,15 @@
37
35
  margin-left: auto;
38
36
  margin-bottom: 16px;
39
37
  width: 100%;
38
+ font-size: 1.6rem;
39
+ border-radius: 4px;
40
+ border-width: 1.5px;
41
+ border-color: transparent;
40
42
 
41
43
  &:first-child {
42
44
  background-color: white;
43
- border: 1px solid black;
44
- color: black;
45
+ border: 1px solid #150E06 ;
46
+ color: #150E06;
45
47
 
46
48
  &:hover {
47
49
  background: none;
@@ -67,9 +69,9 @@
67
69
  color: var(--cookie-consent-text-color);
68
70
  width: 100%;
69
71
 
70
- // @include min(mobile) {
71
- // width: 75%;
72
- // }
72
+ @include min(tablet) {
73
+ width: 75%;
74
+ }
73
75
  }
74
76
  }
75
77
  }
package/src/gatsby-core-theme/hooks/modal/modal.module.scss CHANGED
@@ -23,7 +23,8 @@
23
23
  }
24
24
 
25
25
  .modalOverlay {
26
- background: rgba(0, 0, 0, 0.3);
26
+ background: var(--cookie-consent-overlay-color);
27
+ opacity: var(--cookie-consent-overlay-opacity);
27
28
  position: fixed;
28
29
  width: 100vw;
29
30
  height: 100vh;
package/src/gatsby-core-theme/styles/utils/variables/_main.scss CHANGED
@@ -29,6 +29,8 @@
29
29
 
30
30
  --footer-background-color: #ececec;
31
31
 
32
+ --cookie-consent-overlay-color: #150e06;
33
+ --cookie-consent-overlay-opacity: 0.4;
32
34
  --cookie-consent-background-color: #000;
33
35
  --cookie-consent-text-color: #fff;
34
36
  --cookie-consent-text-size: 1.3rem;
package/storybook/public/iframe.html CHANGED
@@ -345,4 +345,4 @@
345
345
 
346
346
 
347
347
 
348
- window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"}];</script><script src="runtime~main.4d1aa7b7.iframe.bundle.js"></script><script src="40.2004a13e.iframe.bundle.js"></script><script src="main.8c95231a.iframe.bundle.js"></script></body></html>
348
+ window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"}];</script><script src="runtime~main.4d1aa7b7.iframe.bundle.js"></script><script src="40.2004a13e.iframe.bundle.js"></script><script src="main.eb20dbbc.iframe.bundle.js"></script></body></html>