@qhealth-design-system/core 1.10.2 → 1.10.3
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/CHANGELOG.md +2 -0
- package/package.json +1 -1
- package/src/components/banner/html/component.hbs +5 -5
- package/src/components/banner_advanced/html/component.hbs +7 -7
- package/src/components/banner_basic/html/component.hbs +7 -7
- package/src/components/banner_intermediate/html/component.hbs +7 -7
- package/src/components/basic_search/html/component.hbs +7 -7
- package/src/components/breadcrumbs/css/component.scss +8 -8
- package/src/components/breadcrumbs/html/component.hbs +13 -13
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
<!--@@ Breadcrumbs - Mobile @@-->
|
|
17
17
|
{{#ifCond current.data.metadata.displayBreadcrumbs.value '==' 'true'}}
|
|
18
18
|
<nav class="qld__breadcrumbs qld__banner__breadcrumbs qld__banner__breadcrumbs--mobile" aria-label="breadcrumb">
|
|
19
|
-
<
|
|
19
|
+
<div class="qld__link-list qld__link-list--inline">
|
|
20
20
|
{{#with (itemAt current.lineage -2)}}
|
|
21
21
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
22
|
-
<
|
|
23
|
-
<a href="{{asset_url}}">
|
|
22
|
+
<div class="qld__breadcrumbs__item">
|
|
23
|
+
<a href="{{asset_url}}" class="qld__breadcrumbs__link">
|
|
24
24
|
{{#ifCond asset_is_site_asset '==' '1'}}
|
|
25
25
|
Home
|
|
26
26
|
{{else}}
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
</li>
|
|
31
31
|
{{/ifCond}}
|
|
32
32
|
{{/with}}
|
|
33
|
-
</
|
|
33
|
+
</div>
|
|
34
34
|
</nav>
|
|
35
35
|
{{/ifCond}}
|
|
36
36
|
<div class="container-fluid">
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
<ol class="qld__link-list qld__link-list--inline">
|
|
45
45
|
{{#each current.lineage}}
|
|
46
46
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
47
|
-
<li {{#if @last}}aria-current="page"{{/if}}>{{#if @last}}{{renderSpecialChar asset_short_name}}{{else}}<a href="{{asset_url}}">{{#if @first}}Home{{else}}{{renderSpecialChar asset_short_name}}{{/if}}</a>{{/if}}</li>
|
|
47
|
+
<li {{#if @last}}aria-current="page"{{/if}} class="qld__breadcrumbs__item">{{#if @last}}{{renderSpecialChar asset_short_name}}{{else}}<a href="{{asset_url}}" class="qld__breadcrumbs__link">{{#if @first}}Home{{else}}{{renderSpecialChar asset_short_name}}{{/if}}</a>{{/if}}</li>
|
|
48
48
|
{{/ifCond}}
|
|
49
49
|
{{/each}}
|
|
50
50
|
</ol>
|
|
@@ -51,21 +51,21 @@
|
|
|
51
51
|
<nav class="qld__breadcrumbs {{#ifCond metadata.background_colour.value '==' 'alternate'}}qld__breadcrumbs--alt{{/ifCond}}
|
|
52
52
|
{{#ifCond metadata.background_colour.value '==' 'dark'}}qld__breadcrumbs--dark{{/ifCond}}
|
|
53
53
|
{{#ifCond metadata.background_colour.value '==' 'dark-alternate'}}qld__breadcrumbs--dark-alt{{/ifCond}} qld__banner__breadcrumbs qld__banner__breadcrumbs--mobile" aria-label="breadcrumb">
|
|
54
|
-
<
|
|
54
|
+
<div class="qld__link-list qld__link-list--inline">
|
|
55
55
|
{{#with (itemAt ../current.lineage -2)}}
|
|
56
56
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
57
|
-
<
|
|
58
|
-
<a href="{{asset_url}}">
|
|
57
|
+
<div class="qld__breadcrumbs__item">
|
|
58
|
+
<a href="{{asset_url}}" class="qld__breadcrumbs__link">
|
|
59
59
|
{{#ifCond asset_is_site_asset '==' '1'}}
|
|
60
60
|
Home
|
|
61
61
|
{{else}}
|
|
62
62
|
{{renderSpecialChar asset_short_name}}
|
|
63
63
|
{{/ifCond}}
|
|
64
64
|
</a>
|
|
65
|
-
</
|
|
65
|
+
</div>
|
|
66
66
|
{{/ifCond}}
|
|
67
67
|
{{/with}}
|
|
68
|
-
</
|
|
68
|
+
</div>
|
|
69
69
|
</nav>
|
|
70
70
|
{{/ifCond}}
|
|
71
71
|
|
|
@@ -113,11 +113,11 @@
|
|
|
113
113
|
<ol class="qld__link-list qld__link-list--inline">
|
|
114
114
|
{{#each ../current.lineage}}
|
|
115
115
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
116
|
-
<li {{#if @last}}aria-current="page"{{/if}}>
|
|
116
|
+
<li {{#if @last}}aria-current="page"{{/if}} class="qld__breadcrumbs__item">
|
|
117
117
|
{{#if @last}}
|
|
118
118
|
{{renderSpecialChar asset_short_name}}
|
|
119
119
|
{{else}}
|
|
120
|
-
<a href="{{asset_url}}">{{#if @first}}Home{{else}}{{renderSpecialChar asset_short_name}}{{/if}}</a>
|
|
120
|
+
<a href="{{asset_url}}" class="qld__breadcrumbs__link">{{#if @first}}Home{{else}}{{renderSpecialChar asset_short_name}}{{/if}}</a>
|
|
121
121
|
{{/if}}
|
|
122
122
|
</li>
|
|
123
123
|
{{/ifCond}}
|
|
@@ -58,21 +58,21 @@
|
|
|
58
58
|
<nav class="qld__breadcrumbs {{#ifCond metadata.background_colour.value '==' 'alternate'}}qld__breadcrumbs--alt{{/ifCond}}
|
|
59
59
|
{{#ifCond metadata.background_colour.value '==' 'dark'}}qld__breadcrumbs--dark{{/ifCond}}
|
|
60
60
|
{{#ifCond metadata.background_colour.value '==' 'dark-alternate'}}qld__breadcrumbs--dark-alt{{/ifCond}} qld__banner__breadcrumbs qld__banner__breadcrumbs--mobile" aria-label="breadcrumb">
|
|
61
|
-
<
|
|
61
|
+
<div class="qld__link-list qld__link-list--inline">
|
|
62
62
|
{{#with (itemAt ../current.lineage -2)}}
|
|
63
63
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
64
|
-
<
|
|
65
|
-
<a href="{{asset_url}}">
|
|
64
|
+
<div class="qld__breadcrumbs__item">
|
|
65
|
+
<a href="{{asset_url}}" class="qld__breadcrumbs__link">
|
|
66
66
|
{{#ifCond asset_is_site_asset '==' '1'}}
|
|
67
67
|
Home
|
|
68
68
|
{{else}}
|
|
69
69
|
{{renderSpecialChar asset_short_name}}
|
|
70
70
|
{{/ifCond}}
|
|
71
71
|
</a>
|
|
72
|
-
</
|
|
72
|
+
</div>
|
|
73
73
|
{{/ifCond}}
|
|
74
74
|
{{/with}}
|
|
75
|
-
</
|
|
75
|
+
</div>
|
|
76
76
|
</nav>
|
|
77
77
|
{{/ifCond}}
|
|
78
78
|
<div class="container-fluid">
|
|
@@ -107,11 +107,11 @@
|
|
|
107
107
|
<ol class="qld__link-list qld__link-list--inline">
|
|
108
108
|
{{#each ../current.lineage}}
|
|
109
109
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
110
|
-
<li {{#if @last}}aria-current="page"{{/if}}>
|
|
110
|
+
<li {{#if @last}}aria-current="page"{{/if}} class="qld__breadcrumbs__item">
|
|
111
111
|
{{#if @last}}
|
|
112
112
|
{{renderSpecialChar asset_short_name}}
|
|
113
113
|
{{else}}
|
|
114
|
-
<a href="{{asset_url}}">{{#if @first}}Home{{else}}{{renderSpecialChar asset_short_name}}{{/if}}</a>
|
|
114
|
+
<a href="{{asset_url}}" class="qld__breadcrumbs__link">{{#if @first}}Home{{else}}{{renderSpecialChar asset_short_name}}{{/if}}</a>
|
|
115
115
|
{{/if}}
|
|
116
116
|
</li>
|
|
117
117
|
{{/ifCond}}
|
|
@@ -59,21 +59,21 @@
|
|
|
59
59
|
<nav class="qld__breadcrumbs {{#ifCond metadata.background_colour.value '==' 'alternate'}}qld__breadcrumbs--alt{{/ifCond}}
|
|
60
60
|
{{#ifCond metadata.background_colour.value '==' 'dark'}}qld__breadcrumbs--dark{{/ifCond}}
|
|
61
61
|
{{#ifCond metadata.background_colour.value '==' 'dark-alternate'}}qld__breadcrumbs--alt-dark{{/ifCond}} qld__banner__breadcrumbs qld__banner__breadcrumbs--mobile" aria-label="breadcrumb">
|
|
62
|
-
<
|
|
62
|
+
<div class="qld__link-list qld__link-list--inline">
|
|
63
63
|
{{#with (itemAt ../current.lineage -2)}}
|
|
64
64
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
65
|
-
<
|
|
66
|
-
<a href="{{asset_url}}">
|
|
65
|
+
<div class="qld__breadcrumbs__item">
|
|
66
|
+
<a href="{{asset_url}}" class="qld__breadcrumbs__link">
|
|
67
67
|
{{#ifCond asset_is_site_asset '==' '1'}}
|
|
68
68
|
Home
|
|
69
69
|
{{else}}
|
|
70
70
|
{{renderSpecialChar asset_short_name}}
|
|
71
71
|
{{/ifCond}}
|
|
72
72
|
</a>
|
|
73
|
-
</
|
|
73
|
+
</div>
|
|
74
74
|
{{/ifCond}}
|
|
75
75
|
{{/with}}
|
|
76
|
-
</
|
|
76
|
+
</div>
|
|
77
77
|
</nav>
|
|
78
78
|
{{/ifCond}}
|
|
79
79
|
|
|
@@ -108,11 +108,11 @@
|
|
|
108
108
|
<ol class="qld__link-list qld__link-list--inline">
|
|
109
109
|
{{#each ../current.lineage}}
|
|
110
110
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
111
|
-
<li {{#if @last}}aria-current="page"{{/if}}>
|
|
111
|
+
<li {{#if @last}}aria-current="page"{{/if}} class="qld__breadcrumbs__item">
|
|
112
112
|
{{#if @last}}
|
|
113
113
|
{{renderSpecialChar asset_short_name}}
|
|
114
114
|
{{else}}
|
|
115
|
-
<a href="{{asset_url}}">{{#if @first}}Home{{else}}{{renderSpecialChar asset_short_name}}{{/if}}</a>
|
|
115
|
+
<a href="{{asset_url}}" class="qld__breadcrumbs__link">{{#if @first}}Home{{else}}{{renderSpecialChar asset_short_name}}{{/if}}</a>
|
|
116
116
|
{{/if}}
|
|
117
117
|
</li>
|
|
118
118
|
{{/ifCond}}
|
|
@@ -23,15 +23,15 @@
|
|
|
23
23
|
{{#ifCond site.metadata.defaultBannerColour.value '==' 'dark-alternate'}}qld__breadcrumbs--dark-alt{{/ifCond}}
|
|
24
24
|
|
|
25
25
|
qld__banner__breadcrumbs qld__banner__breadcrumbs--mobile" aria-label="breadcrumb">
|
|
26
|
-
<
|
|
26
|
+
<div class="qld__link-list qld__link-list--inline">
|
|
27
27
|
{{#with (itemAt current.lineage -2)}}
|
|
28
28
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
29
|
-
<
|
|
30
|
-
<a href="{{asset_url}}">{{#ifCond asset_is_site_asset '==' '1'}}Home{{else}}{{asset_short_name}}{{/ifCond}}</a>
|
|
31
|
-
</
|
|
29
|
+
<div class="qld__breadcrumbs__item">
|
|
30
|
+
<a href="{{asset_url}}" class="qld__breadcrumbs__link">{{#ifCond asset_is_site_asset '==' '1'}}Home{{else}}{{asset_short_name}}{{/ifCond}}</a>
|
|
31
|
+
</div>
|
|
32
32
|
{{/ifCond}}
|
|
33
33
|
{{/with}}
|
|
34
|
-
</
|
|
34
|
+
</div>
|
|
35
35
|
</nav>
|
|
36
36
|
{{/ifCond}}
|
|
37
37
|
|
|
@@ -51,11 +51,11 @@
|
|
|
51
51
|
<ol class="qld__link-list qld__link-list--inline">
|
|
52
52
|
{{#each current.lineage}}
|
|
53
53
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
54
|
-
<li {{#if @last}}aria-current="page"{{/if}}>
|
|
54
|
+
<li {{#if @last}}aria-current="page"{{/if}} class="qld__breadcrumbs__item">
|
|
55
55
|
{{#if @last}}
|
|
56
56
|
{{asset_short_name}}
|
|
57
57
|
{{else}}
|
|
58
|
-
<a href="{{asset_url}}">{{#if @first}}Home{{else}}{{asset_short_name}}{{/if}}</a>
|
|
58
|
+
<a href="{{asset_url}}" class="qld__breadcrumbs__link">{{#if @first}}Home{{else}}{{asset_short_name}}{{/if}}</a>
|
|
59
59
|
{{/if}}
|
|
60
60
|
</li>
|
|
61
61
|
{{/ifCond}}
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
display: none;
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
.qld__link-list.qld__link-list--inline:not(.qld__breadcrumbs .qld__breadcrumbs__list--mobile, .qld__banner__breadcrumbs--mobile
|
|
32
|
+
.qld__link-list.qld__link-list--inline:not(.qld__breadcrumbs .qld__breadcrumbs__list--mobile, .qld__banner__breadcrumbs--mobile div) {
|
|
33
33
|
display: none;
|
|
34
34
|
@include QLD-media(lg) {
|
|
35
35
|
display: flex;
|
|
@@ -133,13 +133,13 @@
|
|
|
133
133
|
color: var(--QLD-color-dark__text--lighter);
|
|
134
134
|
|
|
135
135
|
> .qld__link-list {
|
|
136
|
-
>
|
|
136
|
+
> .qld__breadcrumbs__item:not(:last-child){
|
|
137
137
|
&::after{
|
|
138
138
|
background-color: var(--QLD-color-dark__action--secondary);
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
>
|
|
142
|
+
> .qld__breadcrumbs__item {
|
|
143
143
|
a {
|
|
144
144
|
// @include QLD-underline('dark');
|
|
145
145
|
@include QLD-underline('dark','underline','default','noVisited');
|
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
@include QLD-media(lg) {
|
|
180
180
|
@include QLD-space(margin, 0 0 1rem);
|
|
181
181
|
display: inline-block;
|
|
182
|
-
> .qld__link-list >
|
|
182
|
+
> .qld__link-list > .qld__breadcrumbs__item {
|
|
183
183
|
|
|
184
184
|
flex: 0 0 auto;
|
|
185
185
|
flex-shrink: 0;
|
|
@@ -197,7 +197,7 @@
|
|
|
197
197
|
@include QLD-media(lg) {
|
|
198
198
|
@include QLD-space(margin, 0 0 1.5rem);
|
|
199
199
|
|
|
200
|
-
> .qld__link-list >
|
|
200
|
+
> .qld__link-list > .qld__breadcrumbs__item {
|
|
201
201
|
display: inline-block;
|
|
202
202
|
flex-shrink: 0;
|
|
203
203
|
&:last-child {
|
|
@@ -224,11 +224,11 @@
|
|
|
224
224
|
.qld__banner__breadcrumbs--mobile,
|
|
225
225
|
.qld__banner__breadcrumbs--desktop,
|
|
226
226
|
.qld__breadcrumbs__list--mobile {
|
|
227
|
-
|
|
227
|
+
.qld__breadcrumbs__item .qld__icon{
|
|
228
228
|
color: var(--QLD-color-light__action--secondary);
|
|
229
229
|
}
|
|
230
230
|
|
|
231
|
-
|
|
231
|
+
.qld__breadcrumbs__item::before {
|
|
232
232
|
@include QLD-space(width, 0.5unit);
|
|
233
233
|
@include QLD-space(height, 1unit);
|
|
234
234
|
@include QLD-space(margin, 0 0.25unit 0 0);
|
|
@@ -253,7 +253,7 @@
|
|
|
253
253
|
.qld__body--dark &,
|
|
254
254
|
.qld__body--dark-alt & {
|
|
255
255
|
|
|
256
|
-
|
|
256
|
+
.qld__breadcrumbs__item::before{
|
|
257
257
|
background-color: var(--QLD-color-dark__action--secondary);
|
|
258
258
|
}
|
|
259
259
|
|
|
@@ -3,33 +3,33 @@
|
|
|
3
3
|
<ol class="qld__breadcrumbs__list--desktop qld__link-list qld__link-list--inline">
|
|
4
4
|
{{#each current.lineage}}
|
|
5
5
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
6
|
-
<li {{#if @last}}aria-current="page"{{/if}}>
|
|
6
|
+
<li {{#if @last}}aria-current="page"{{/if}} class="qld__breadcrumbs__item">
|
|
7
7
|
{{#if @last}}
|
|
8
8
|
{{renderSpecialChar asset_short_name}}
|
|
9
9
|
{{else}}
|
|
10
10
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
11
|
-
<a href="{{asset_url}}">{{#if @first}}Home{{else}}{{renderSpecialChar asset_short_name}}{{/if}}</a>
|
|
11
|
+
<a href="{{asset_url}}" class="qld__breadcrumbs__link">{{#if @first}}Home{{else}}{{renderSpecialChar asset_short_name}}{{/if}}</a>
|
|
12
12
|
{{/ifCond}}
|
|
13
13
|
{{/if}}
|
|
14
14
|
</li>
|
|
15
15
|
{{/ifCond}}
|
|
16
16
|
{{/each}}
|
|
17
17
|
</ol>
|
|
18
|
-
<
|
|
18
|
+
<div class="qld__breadcrumbs__list--mobile qld__link-list qld__link-list--inline">
|
|
19
19
|
{{#with (itemAt current.lineage -2)}}
|
|
20
20
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
21
|
-
<
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
21
|
+
<div class="qld__breadcrumbs__item">
|
|
22
|
+
<a href="{{asset_url}}" class="qld__breadcrumbs__link">
|
|
23
|
+
{{#ifCond asset_is_site_asset '==' '1'}}
|
|
24
|
+
Home
|
|
25
|
+
{{else}}
|
|
26
|
+
{{renderSpecialChar asset_short_name}}
|
|
27
|
+
{{/ifCond}}
|
|
28
|
+
</a>
|
|
29
|
+
</div>
|
|
30
30
|
{{/ifCond}}
|
|
31
31
|
{{/with}}
|
|
32
|
-
</
|
|
32
|
+
</div>
|
|
33
33
|
</nav>
|
|
34
34
|
|
|
35
35
|
{{/ifCond}}
|