@qhealth-design-system/core 1.8.5 → 1.9.0
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/_global/css/forms/select/component.scss +1 -0
- package/src/components/_global/css/links/components.scss +4 -4
- package/src/components/_global/html/scripts.html +0 -21
- package/src/components/a-z_listing/css/component.scss +1 -0
- package/src/components/a-z_listing/html/component.hbs +1 -1
- package/src/components/a-z_listing/js/manifest.json +14 -1
- package/src/components/accordion/css/component.scss +16 -16
- package/src/components/accordion/html/component.hbs +10 -10
- package/src/components/accordion/js/global.js +2 -0
- package/src/components/banner/html/component.hbs +4 -4
- package/src/components/banner_advanced/css/component.scss +9 -2
- package/src/components/banner_advanced/html/component.hbs +5 -5
- package/src/components/banner_advanced/js/manifest.json +17 -0
- package/src/components/banner_basic/html/component.hbs +4 -4
- package/src/components/banner_intermediate/css/component.scss +6 -1
- package/src/components/banner_intermediate/html/component.hbs +4 -4
- package/src/components/basic_search/html/component.hbs +4 -4
- package/src/components/breadcrumbs/css/component.scss +1 -1
- package/src/components/breadcrumbs/html/component.hbs +4 -4
- package/src/components/breadcrumbs/js/global.js +3 -3
- package/src/components/card_feature/html/component.hbs +4 -10
- package/src/components/code/css/component.scss +2 -2
- package/src/components/code/html/component.hbs +12 -12
- package/src/components/file_upload/js/global.js +74 -30
- package/src/components/footer/html/component.hbs +4 -4
- package/src/components/global_alert/html/component.hbs +25 -15
- package/src/components/horizontal_rule/html/component.hbs +1 -1
- package/src/components/in_page_navigation/js/global.js +7 -1
- package/src/components/main_navigation/html/component.hbs +1 -1
- package/src/components/mega_main_navigation/html/component.hbs +1 -1
- package/src/components/page_alert/css/component.scss +1 -0
- package/src/components/page_alert/html/component.hbs +1 -1
- package/src/components/page_alert/js/manifest.json +15 -0
- package/src/components/tab/html/component.hbs +13 -13
- package/src/components/widgets/html/component.hbs +1 -1
- package/src/helpers/Handlebars/listAZ.js +3 -2
- package/src/externals/esri-leaflet-vector.js +0 -5
- package/src/externals/esri-leaflet.js +0 -12
- package/src/externals/leaflet.js +0 -6
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -48,15 +48,12 @@
|
|
|
48
48
|
a {
|
|
49
49
|
color: var(--QLD-color-dark__link);
|
|
50
50
|
@include QLD-underline('dark');
|
|
51
|
+
@include QLD-focus('dark');
|
|
51
52
|
|
|
52
53
|
&:hover{
|
|
53
54
|
border-color: var(--QLD-color-dark__action--primary-hover);
|
|
54
55
|
}
|
|
55
56
|
|
|
56
|
-
&:focus {
|
|
57
|
-
@include QLD-focus('dark');
|
|
58
|
-
}
|
|
59
|
-
|
|
60
57
|
&:disabled,
|
|
61
58
|
&[disabled]{
|
|
62
59
|
color: var(--QLD-color-dark__text--lighter);
|
|
@@ -65,6 +62,9 @@
|
|
|
65
62
|
color: var(--QLD-color-dark__text--lighter);
|
|
66
63
|
}
|
|
67
64
|
}
|
|
65
|
+
&.qld__tile-nav__link:visited {
|
|
66
|
+
color: var(--QLD-color-light__link--visited);
|
|
67
|
+
}
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
}
|
|
@@ -8,27 +8,6 @@
|
|
|
8
8
|
<script src="externals/componentPreview.js"></script>
|
|
9
9
|
<script src="externals/dsComponentLoader.js"></script>
|
|
10
10
|
<script src="js/helpers.js"></script>
|
|
11
|
-
|
|
12
|
-
<!-- Mapping -->
|
|
13
|
-
|
|
14
|
-
<!-- Leaflet CSS -->
|
|
15
|
-
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
|
|
16
|
-
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
|
|
17
|
-
crossorigin="" />
|
|
18
|
-
<!-- Leaflet JS -->
|
|
19
|
-
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
|
|
20
|
-
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
|
|
21
|
-
crossorigin=""></script>
|
|
22
|
-
<!-- Esri Leaflet JS -->
|
|
23
|
-
<script src="https://unpkg.com/esri-leaflet@3.0.1/dist/esri-leaflet.js"
|
|
24
|
-
integrity="sha512-JmpptMCcCg+Rd6x0Dbg6w+mmyzs1M7chHCd9W8HPovnImG2nLAQWn3yltwxXRM7WjKKFFHOAKjjF2SC4CgiFBg=="
|
|
25
|
-
crossorigin=""></script>
|
|
26
|
-
<!-- Esri Leaflet Vector Plugin JS -->
|
|
27
|
-
<script src="https://unpkg.com/esri-leaflet-vector@3.0.0/dist/esri-leaflet-vector.js"
|
|
28
|
-
integrity="sha512-i3LCZC/OnZR2VtZJ7ftXbZivyjPVBKeOqWuJ9SqaBnuiG18GyzTrHWYPgf1geE1LmI9yRENWSEI3jcpKx1dgqg=="
|
|
29
|
-
crossorigin=""></script>
|
|
30
|
-
|
|
31
|
-
|
|
32
11
|
<script>
|
|
33
12
|
const serviceFinderData = new Datastore({
|
|
34
13
|
// serviceURL: 'http://0.0.0.0:7001/hXL8Q1uq', // Matt
|
|
@@ -13,7 +13,20 @@
|
|
|
13
13
|
"value": "",
|
|
14
14
|
"required": false,
|
|
15
15
|
"editable": true
|
|
16
|
-
}
|
|
16
|
+
},
|
|
17
|
+
"letter_heading": {
|
|
18
|
+
"type": "metadata_field_select",
|
|
19
|
+
"description": "",
|
|
20
|
+
"friendly_name": "Letter heading",
|
|
21
|
+
"value": "span",
|
|
22
|
+
"options": {
|
|
23
|
+
"h2": "h2",
|
|
24
|
+
"h3": "h3",
|
|
25
|
+
"h4": "h4",
|
|
26
|
+
"h5": "h5",
|
|
27
|
+
"span": "span"
|
|
28
|
+
}
|
|
29
|
+
}
|
|
17
30
|
}
|
|
18
31
|
},
|
|
19
32
|
"children": [{
|
|
@@ -299,23 +299,23 @@ li + li .qld__accordion {
|
|
|
299
299
|
border-top: none;
|
|
300
300
|
}
|
|
301
301
|
|
|
302
|
-
.main {
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
302
|
+
// .main {
|
|
303
|
+
// * {
|
|
304
|
+
// + .qld__accordion,
|
|
305
|
+
// + .qld__accordion-group {
|
|
306
|
+
// @include QLD-space(margin-top, 1.5unit);
|
|
307
|
+
// @include QLD-space(margin-bottom, 1.5unit);
|
|
308
|
+
|
|
309
|
+
// @include QLD-media(lg) {
|
|
310
|
+
// @include QLD-space(margin-top, 2unit);
|
|
311
|
+
// }
|
|
312
312
|
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
}
|
|
313
|
+
// &:last-child{
|
|
314
|
+
// @include QLD-space(margin-bottom, 0unit);
|
|
315
|
+
// }
|
|
316
|
+
// }
|
|
317
|
+
// }
|
|
318
|
+
// }
|
|
319
319
|
|
|
320
320
|
|
|
321
321
|
@media print {
|
|
@@ -12,28 +12,28 @@
|
|
|
12
12
|
<div class="qld__accordion-group {{metadata.theme.value}}" id="{{#if metadata.id_field.value}}{{{metadata.id_field.value}}}{{else}}accordion-{{assetid}}{{/if}}">
|
|
13
13
|
{{#ifCond metadata.toggle_all.value '==' 'yes'}}
|
|
14
14
|
<div class="qld__accordion__toggle">
|
|
15
|
-
<button class="qld__accordion__toggle-btn qld__accordion__toggle-btn--closed" type="button">Open all</button>
|
|
15
|
+
<button class="qld__accordion__toggle-btn qld__accordion__toggle-btn--closed" type="button" aria-expanded="false">Open all</button>
|
|
16
16
|
</div>
|
|
17
17
|
{{/ifCond}}
|
|
18
|
-
|
|
18
|
+
|
|
19
19
|
{{#printAccordion metadata}}
|
|
20
20
|
{{#ifCond this.content '!=' ''}}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
<div class="qld__accordion">
|
|
22
|
+
<h2>
|
|
23
|
+
<button class="qld__accordion__title js-qld__accordion qld__accordion--closed" aria-controls="accordion-group-{{../assetid}}-{{this.fieldid}}" aria-expanded="false" type="button">
|
|
24
|
+
{{this.title}}
|
|
25
|
+
</button>
|
|
26
|
+
</h2>
|
|
26
27
|
|
|
27
28
|
<div class="qld__accordion__body qld__accordion--closed" id="accordion-group-{{../assetid}}-{{this.fieldid}}">
|
|
28
29
|
<div class="qld__accordion__body-wrapper">
|
|
29
30
|
{{{this.content}}}
|
|
30
31
|
</div>
|
|
31
32
|
</div>
|
|
32
|
-
</
|
|
33
|
-
</li>
|
|
33
|
+
</div>
|
|
34
34
|
{{/ifCond}}
|
|
35
35
|
{{/printAccordion}}
|
|
36
|
-
|
|
36
|
+
|
|
37
37
|
</div>
|
|
38
38
|
{{/with}}
|
|
39
39
|
|
|
@@ -289,11 +289,13 @@
|
|
|
289
289
|
// Check if opened or closed
|
|
290
290
|
if(toogleAllButton.classList.contains('qld__accordion__toggle-btn--closed')){
|
|
291
291
|
toogleAllButton.classList.remove('qld__accordion__toggle-btn--closed');
|
|
292
|
+
toogleAllButton.setAttribute("aria-expanded", "true");
|
|
292
293
|
toogleAllButton.classList.add('qld__accordion__toggle-btn--open');
|
|
293
294
|
toogleAllButton.textContent = "Close all";
|
|
294
295
|
accordion.Open(accordionButtons);
|
|
295
296
|
}else if(toogleAllButton.classList.contains('qld__accordion__toggle-btn--open')){
|
|
296
297
|
toogleAllButton.classList.remove('qld__accordion__toggle-btn--open');
|
|
298
|
+
toogleAllButton.setAttribute("aria-expanded", "false");
|
|
297
299
|
toogleAllButton.classList.add('qld__accordion__toggle-btn--closed');
|
|
298
300
|
toogleAllButton.textContent = "Open all";
|
|
299
301
|
accordion.Close(accordionButtons);
|
|
@@ -16,7 +16,7 @@
|
|
|
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
|
+
<ol class="qld__link-list qld__link-list--inline">
|
|
20
20
|
{{#with (itemAt current.lineage -2)}}
|
|
21
21
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
22
22
|
<li>
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
</li>
|
|
31
31
|
{{/ifCond}}
|
|
32
32
|
{{/with}}
|
|
33
|
-
</
|
|
33
|
+
</ol>
|
|
34
34
|
</nav>
|
|
35
35
|
{{/ifCond}}
|
|
36
36
|
<div class="container-fluid">
|
|
@@ -41,13 +41,13 @@
|
|
|
41
41
|
{{#ifCond site.metadata.defaultBannerColour.value '==' 'dark-alternate'}}qld__breadcrumbs--dark{{/ifCond}}
|
|
42
42
|
qld__banner__breadcrumbs qld__banner__breadcrumbs--desktop"
|
|
43
43
|
aria-label="breadcrumb">
|
|
44
|
-
<
|
|
44
|
+
<ol class="qld__link-list qld__link-list--inline">
|
|
45
45
|
{{#each current.lineage}}
|
|
46
46
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
47
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>
|
|
48
48
|
{{/ifCond}}
|
|
49
49
|
{{/each}}
|
|
50
|
-
</
|
|
50
|
+
</ol>
|
|
51
51
|
</nav>
|
|
52
52
|
{{/ifCond}}
|
|
53
53
|
<h1>{{current.data.name}}</h1>
|
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
// {{component_name}}
|
|
3
3
|
//--------------------------------------------------------------------------------------------------------------------------------------------------------------
|
|
4
4
|
|
|
5
|
-
.
|
|
6
|
-
|
|
5
|
+
/* Fixes an issue with the banner where the last element of the right-side menu disappears. */
|
|
6
|
+
@media (min-width: 729px) and (max-width: $QLD-media-lg) {
|
|
7
|
+
.qld__banner__advanced{
|
|
8
|
+
.qld__banner__wrapper {
|
|
9
|
+
div.qld__banner__main.row {
|
|
10
|
+
min-height: 310px;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
7
14
|
}
|
|
@@ -51,7 +51,7 @@
|
|
|
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
|
+
<ol class="qld__link-list qld__link-list--inline">
|
|
55
55
|
{{#with (itemAt ../current.lineage -2)}}
|
|
56
56
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
57
57
|
<li>
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
</li>
|
|
66
66
|
{{/ifCond}}
|
|
67
67
|
{{/with}}
|
|
68
|
-
</
|
|
68
|
+
</ol>
|
|
69
69
|
</nav>
|
|
70
70
|
{{/ifCond}}
|
|
71
71
|
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
{{#ifCond metadata.background_colour.value '==' 'dark'}}qld__breadcrumbs--dark{{/ifCond}}
|
|
97
97
|
{{#ifCond metadata.background_colour.value '==' 'dark-alternate'}}qld__breadcrumbs--dark{{/ifCond}}
|
|
98
98
|
qld__banner__breadcrumbs qld__banner__breadcrumbs--desktop" aria-label="breadcrumb">
|
|
99
|
-
<
|
|
99
|
+
<ol class="qld__link-list qld__link-list--inline">
|
|
100
100
|
{{#each ../current.lineage}}
|
|
101
101
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
102
102
|
<li {{#if @last}}aria-current="page"{{/if}}>
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
</li>
|
|
109
109
|
{{/ifCond}}
|
|
110
110
|
{{/each}}
|
|
111
|
-
</
|
|
111
|
+
</ol>
|
|
112
112
|
</nav>
|
|
113
113
|
{{/ifCond}}
|
|
114
114
|
|
|
@@ -197,7 +197,7 @@
|
|
|
197
197
|
{{#ifCond metadata.cta_type.value '==' 'icon-tiles'}}
|
|
198
198
|
{{#if metadata.root_node.value}}
|
|
199
199
|
<div class="qld__banner__nav {{#ifCond metadata.hero_image_alignment.value '==' 'page'}}qld__banner__nav--fix-right{{/ifCond}}">
|
|
200
|
-
<nav class="
|
|
200
|
+
<nav {{#if metadata.cta_icon_tiles_label.value}}aria-label="{{metadata.cta_icon_tiles_label.value}}" {{/if}} class="
|
|
201
201
|
qld__tile-nav
|
|
202
202
|
{{#ifCond metadata.cta_icon_tile_background.value '==' 'alternate'}}qld__tile-nav--alt{{/ifCond}}
|
|
203
203
|
{{#ifCond metadata.cta_icon_tile_background.value '==' 'dark'}}qld__tile-nav--dark{{/ifCond}}
|
|
@@ -362,6 +362,23 @@
|
|
|
362
362
|
"operator": "equals",
|
|
363
363
|
"value": "icon-tiles"
|
|
364
364
|
}]
|
|
365
|
+
}
|
|
366
|
+
},
|
|
367
|
+
"cta_icon_tiles_label": {
|
|
368
|
+
"type": "metadata_field_text",
|
|
369
|
+
"description": "",
|
|
370
|
+
"friendly_name": "Icon Tiles Label",
|
|
371
|
+
"value": "Contact details",
|
|
372
|
+
"required": false,
|
|
373
|
+
"editable": true,
|
|
374
|
+
"display_if": {
|
|
375
|
+
"show": true,
|
|
376
|
+
"operator": "AND",
|
|
377
|
+
"rules": [{
|
|
378
|
+
"field": "cta_type",
|
|
379
|
+
"operator": "equals",
|
|
380
|
+
"value": "icon-tiles"
|
|
381
|
+
}]
|
|
365
382
|
}
|
|
366
383
|
},
|
|
367
384
|
"root_node": {
|
|
@@ -58,7 +58,7 @@
|
|
|
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
|
+
<ol class="qld__link-list qld__link-list--inline">
|
|
62
62
|
{{#with (itemAt ../current.lineage -2)}}
|
|
63
63
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
64
64
|
<li>
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
</li>
|
|
73
73
|
{{/ifCond}}
|
|
74
74
|
{{/with}}
|
|
75
|
-
</
|
|
75
|
+
</ol>
|
|
76
76
|
</nav>
|
|
77
77
|
{{/ifCond}}
|
|
78
78
|
<div class="container-fluid">
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
{{#ifCond metadata.background_colour.value '==' 'dark'}}qld__breadcrumbs--dark{{/ifCond}}
|
|
105
105
|
{{#ifCond metadata.background_colour.value '==' 'dark-alternate'}}qld__breadcrumbs--dark{{/ifCond}}
|
|
106
106
|
qld__banner__breadcrumbs qld__banner__breadcrumbs--desktop" aria-label="breadcrumb">
|
|
107
|
-
<
|
|
107
|
+
<ol class="qld__link-list qld__link-list--inline">
|
|
108
108
|
{{#each ../current.lineage}}
|
|
109
109
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
110
110
|
<li {{#if @last}}aria-current="page"{{/if}}>
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
</li>
|
|
117
117
|
{{/ifCond}}
|
|
118
118
|
{{/each}}
|
|
119
|
-
</
|
|
119
|
+
</ol>
|
|
120
120
|
</nav>
|
|
121
121
|
{{/ifCond}}
|
|
122
122
|
|
|
@@ -199,6 +199,11 @@
|
|
|
199
199
|
&:hover {
|
|
200
200
|
color: var(--QLD-color-light__link);
|
|
201
201
|
}
|
|
202
|
+
|
|
203
|
+
&:focus {
|
|
204
|
+
outline: 3px solid var(--QLD-color-light__focus);
|
|
205
|
+
outline-offset: 1px;
|
|
206
|
+
}
|
|
202
207
|
}
|
|
203
208
|
}
|
|
204
209
|
|
|
@@ -248,7 +253,7 @@
|
|
|
248
253
|
@include QLD-underline('dark','noUnderline');
|
|
249
254
|
|
|
250
255
|
&:hover {
|
|
251
|
-
color: var(--QLD-color-dark__link)
|
|
256
|
+
color: var(--QLD-color-dark__link);
|
|
252
257
|
}
|
|
253
258
|
}
|
|
254
259
|
}
|
|
@@ -59,7 +59,7 @@
|
|
|
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
|
+
<ol class="qld__link-list qld__link-list--inline">
|
|
63
63
|
{{#with (itemAt ../current.lineage -2)}}
|
|
64
64
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
65
65
|
<li>
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
</li>
|
|
74
74
|
{{/ifCond}}
|
|
75
75
|
{{/with}}
|
|
76
|
-
</
|
|
76
|
+
</ol>
|
|
77
77
|
</nav>
|
|
78
78
|
{{/ifCond}}
|
|
79
79
|
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
{{#ifCond metadata.background_colour.value '==' 'dark'}}qld__breadcrumbs--dark{{/ifCond}}
|
|
106
106
|
{{#ifCond metadata.background_colour.value '==' 'dark-alternate'}}qld__breadcrumbs--dark{{/ifCond}}
|
|
107
107
|
qld__banner__breadcrumbs qld__banner__breadcrumbs--desktop" aria-label="breadcrumb">
|
|
108
|
-
<
|
|
108
|
+
<ol class="qld__link-list qld__link-list--inline">
|
|
109
109
|
{{#each ../current.lineage}}
|
|
110
110
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
111
111
|
<li {{#if @last}}aria-current="page"{{/if}}>
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
</li>
|
|
118
118
|
{{/ifCond}}
|
|
119
119
|
{{/each}}
|
|
120
|
-
</
|
|
120
|
+
</ol>
|
|
121
121
|
</nav>
|
|
122
122
|
{{/ifCond}}
|
|
123
123
|
|
|
@@ -23,7 +23,7 @@
|
|
|
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
|
+
<ol class="qld__link-list qld__link-list--inline">
|
|
27
27
|
{{#with (itemAt current.lineage -2)}}
|
|
28
28
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
29
29
|
<li>
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
</li>
|
|
32
32
|
{{/ifCond}}
|
|
33
33
|
{{/with}}
|
|
34
|
-
</
|
|
34
|
+
</ol>
|
|
35
35
|
</nav>
|
|
36
36
|
{{/ifCond}}
|
|
37
37
|
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
{{#ifCond site.metadata.defaultBannerColour.value '==' 'dark'}}qld__breadcrumbs--dark{{/ifCond}}
|
|
49
49
|
{{#ifCond site.metadata.defaultBannerColour.value '==' 'dark-alternate'}}qld__breadcrumbs--dark{{/ifCond}}
|
|
50
50
|
qld__banner__breadcrumbs qld__banner__breadcrumbs--desktop" aria-label="breadcrumb">
|
|
51
|
-
<
|
|
51
|
+
<ol class="qld__link-list qld__link-list--inline">
|
|
52
52
|
{{#each current.lineage}}
|
|
53
53
|
{{#ifCond asset_type_code '!=' 'folder'}}
|
|
54
54
|
<li {{#if @last}}aria-current="page"{{/if}}>
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
</li>
|
|
61
61
|
{{/ifCond}}
|
|
62
62
|
{{/each}}
|
|
63
|
-
</
|
|
63
|
+
</ol>
|
|
64
64
|
</nav>
|
|
65
65
|
{{/ifCond}}
|
|
66
66
|
|
|
@@ -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 ol) {
|
|
33
33
|
display: none;
|
|
34
34
|
@include QLD-media(lg) {
|
|
35
35
|
display: flex;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{#ifCond current.data.metadata.displayBreadcrumbs.value '==' 'true'}}
|
|
2
2
|
<nav class="qld__breadcrumbs" aria-label="breadcrumb">
|
|
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
6
|
<li {{#if @last}}aria-current="page"{{/if}}>
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
</li>
|
|
15
15
|
{{/ifCond}}
|
|
16
16
|
{{/each}}
|
|
17
|
-
</
|
|
18
|
-
<
|
|
17
|
+
</ol>
|
|
18
|
+
<ol 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
21
|
<li>
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
</li>
|
|
30
30
|
{{/ifCond}}
|
|
31
31
|
{{/with}}
|
|
32
|
-
</
|
|
32
|
+
</ol>
|
|
33
33
|
</nav>
|
|
34
34
|
|
|
35
35
|
{{/ifCond}}
|
|
@@ -33,14 +33,14 @@
|
|
|
33
33
|
bannerBreadCrumb.style.maxWidth = (containerFluid.offsetWidth - paddings) + 'px';
|
|
34
34
|
|
|
35
35
|
if(!originalBreadCrumbUl) {
|
|
36
|
-
originalBreadCrumbUl = bannerBreadCrumb.querySelector("
|
|
36
|
+
originalBreadCrumbUl = bannerBreadCrumb.querySelector("ol.qld__link-list").cloneNode(true);
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
if(resized) {
|
|
40
|
-
bannerBreadCrumb.querySelector("
|
|
40
|
+
bannerBreadCrumb.querySelector("ol.qld__link-list").innerHTML = originalBreadCrumbUl.innerHTML;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
const breadCrumbsUl = bannerBreadCrumb.querySelector("
|
|
43
|
+
const breadCrumbsUl = bannerBreadCrumb.querySelector("ol.qld__link-list");
|
|
44
44
|
breadCrumbsUl.style.maxWidth = (containerFluid.offsetWidth - paddings) + 'px';
|
|
45
45
|
|
|
46
46
|
return {
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
{{/if}}
|
|
36
36
|
|
|
37
37
|
<div class="row">
|
|
38
|
-
<
|
|
39
|
-
<
|
|
38
|
+
<div class="qld__card-list qld__card-list--matchheight">
|
|
39
|
+
<div class="col-xs-12 col-md-12 {{@root.component.data.metadata.col_width.value}}">
|
|
40
40
|
|
|
41
41
|
<div class="qld__card qld__card__multi-action {{#ifCond metadata.show_arrow.value '==' 'true'}}qld__card--arrow{{/ifCond}} {{#ifCond metadata.show_icon_image.value '==' 'icon'}}qld__card--icon{{/ifCond}} {{#ifCond metadata.show_icon_image.value '==' 'image'}}qld__card--image{{/ifCond}} {{metadata.background.value}} {{#ifCond metadata.card_image_right.value '==' 'left'}}qld__card__multi-action--feature{{/ifCond}} {{#ifCond metadata.card_image_right.value '==' 'right'}}qld__card__multi-action--feature qld__card__multi-action--image-right{{/ifCond}}" >
|
|
42
42
|
{{#ifCond metadata.show_icon_image.value '==' 'icon'}}
|
|
@@ -108,14 +108,8 @@
|
|
|
108
108
|
</div>
|
|
109
109
|
|
|
110
110
|
</div>
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
</li>
|
|
118
|
-
</ul>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
119
113
|
</div>
|
|
120
114
|
|
|
121
115
|
{{#if metadata.all_link.value}}
|
|
@@ -91,12 +91,12 @@
|
|
|
91
91
|
a {
|
|
92
92
|
display: inline-block;
|
|
93
93
|
border-radius: $QLD-border-radius-xs;
|
|
94
|
-
@include QLD-space('margin-
|
|
94
|
+
@include QLD-space('margin-left', 1.25unit);
|
|
95
95
|
|
|
96
96
|
i {
|
|
97
97
|
color: var(--QLD-color-dark__action--secondary);
|
|
98
98
|
@include QLD-space('font-size', 1.25unit);
|
|
99
|
-
@include QLD-space('margin-
|
|
99
|
+
@include QLD-space('margin-left', .5unit);
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
text-underline-offset: var(--QLD-underline__offset);
|