@qhealth-design-system/core 1.10.3 → 1.10.4

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 (5) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/package.json +1 -1
  3. package/src/components/card_feature/css/component.scss +5 -2
  4. package/src/components/card_feature/html/component.hbs +3 -4
  5. package/src/components/card_multi_action/css/component.scss +7 -2
package/CHANGELOG.md CHANGED
@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
7
7
 
8
8
  ## Unreleased
9
9
 
10
+ ## 1.10.4 - 2024-12-11
11
+
10
12
  ## 1.10.3 - 2024-12-11
11
13
 
12
14
  ## 1.10.2 - 2024-12-09
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qhealth-design-system/core",
3
- "version": "1.10.3",
3
+ "version": "1.10.4",
4
4
  "description": "",
5
5
  "licence": "MIT",
6
6
  "main": "index.js",
package/src/components/card_feature/css/component.scss CHANGED
@@ -154,8 +154,8 @@
154
154
  @include QLD-space(min-height, 27.5unit);
155
155
  }
156
156
 
157
- .qld__card__image-link{
158
-
157
+ .qld__card__image-wrapper,
158
+ .qld__card__image-link{
159
159
  @include QLD-media(md) {
160
160
  flex: 1;
161
161
  @include QLD-space(padding-bottom, 0unit);
@@ -164,7 +164,9 @@
164
164
  @include QLD-media(lg) {
165
165
  flex: 2;
166
166
  }
167
+ }
167
168
 
169
+ .qld__card__image-link {
168
170
  &:focus {
169
171
  outline: none;
170
172
  box-shadow: inset 0 0 3px var(--QLD-color-light__focus);
@@ -221,3 +223,4 @@
221
223
  }
222
224
 
223
225
 
226
+
package/src/components/card_feature/html/component.hbs CHANGED
@@ -43,11 +43,10 @@
43
43
  <div class="qld__card__icon"><i class="{{metadata.card_icon.value}}"></i></div>
44
44
  {{/ifCond}}
45
45
  {{#ifCond metadata.show_icon_image.value '==' 'image'}}
46
- <a aria-label="{{metadata.card_title.value}}" class="qld__card__image-link" href="./?a={{metadata.card_title_url.value}}">
47
-
46
+ <div class="qld__card__image-wrapper">
48
47
  <div class="qld__responsive-media-img--bg" style="background-image: url('./?a={{metadata.card_image.value}}');" {{#if ../component.image_alt}}role="img" aria-label="{{../component.image_alt}}"{{/if}}></div>
49
48
 
50
- </a>
49
+ </div>
51
50
  {{/ifCond}}
52
51
 
53
52
  <div class="qld__card__inner">
@@ -122,4 +121,4 @@
122
121
 
123
122
  </div>
124
123
  </section>
125
- {{/with}}
124
+ {{/with}}
package/src/components/card_multi_action/css/component.scss CHANGED
@@ -27,6 +27,7 @@
27
27
  }
28
28
  }
29
29
 
30
+ .qld__card__image-wrapper,
30
31
  .qld__card__image-link {
31
32
  display: flex;
32
33
  position: relative;
@@ -35,7 +36,7 @@
35
36
  border-bottom-right-radius: 6.0882800608828% 10.81081081081081%;
36
37
  border-bottom-left-radius: 0px;
37
38
  max-width: 100%;
38
-
39
+
39
40
  &::before {
40
41
  content: "";
41
42
  background-color: var(--QLD-color-dark__background);
@@ -51,7 +52,8 @@
51
52
  border-bottom-left-radius: 0px;
52
53
  z-index: 1;
53
54
  }
54
-
55
+ }
56
+ .qld__card__image-link {
55
57
  &:hover,
56
58
  &:focus {
57
59
  &::before {
@@ -65,6 +67,8 @@
65
67
  }
66
68
  }
67
69
 
70
+
71
+
68
72
  a.qld__card--clickable__link{
69
73
  //remove hit area entire card
70
74
 
@@ -269,3 +273,4 @@
269
273
  }
270
274
 
271
275
 
276
+