@ons/design-system 67.0.5 → 67.0.6
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/components/access-code/example-access-code-error.njk +6 -9
- package/components/access-code/example-access-code.njk +7 -10
- package/components/navigation/_navigation.scss +4 -2
- package/css/main.css +1 -1
- package/package.json +1 -1
- /package/{scss/fonts → fonts}/opensans-bold.woff +0 -0
- /package/{scss/fonts → fonts}/opensans-bold.woff2 +0 -0
- /package/{scss/fonts → fonts}/opensans-regular.woff +0 -0
- /package/{scss/fonts → fonts}/opensans-regular.woff2 +0 -0
- /package/{scss/fonts → fonts}/robotomono-bold.woff +0 -0
- /package/{scss/fonts → fonts}/robotomono-bold.woff2 +0 -0
- /package/{scss/fonts → fonts}/robotomono-regular.woff +0 -0
- /package/{scss/fonts → fonts}/robotomono-regular.woff2 +0 -0
|
@@ -58,28 +58,25 @@ layout: ~
|
|
|
58
58
|
"classes": "ons-u-mb-xl"
|
|
59
59
|
}) }}
|
|
60
60
|
|
|
61
|
-
<h2>If you
|
|
61
|
+
<h2>If you do not have an access code</h2>
|
|
62
62
|
<p>
|
|
63
|
-
|
|
63
|
+
If you have lost or not received an access code, you can <a href="#0">request a new access code</a>.
|
|
64
|
+
This can be sent to you by text or post.
|
|
64
65
|
</p>
|
|
65
66
|
|
|
66
67
|
{% set content %}
|
|
67
|
-
<p>If you need to answer separately from the people you live with, you can <a href=
|
|
68
|
+
<p>If you need to answer separately from the people you live with, you can <a href="#0">request an individual access code</a>.</p>
|
|
68
69
|
{% call onsPanel({
|
|
69
70
|
"type": "warn"
|
|
70
71
|
})
|
|
71
72
|
%}
|
|
72
|
-
Someone in your household must still complete a study using
|
|
73
|
+
Someone in your household must still complete a study using this household access code
|
|
73
74
|
{% endcall %}
|
|
74
75
|
{% endset %}
|
|
75
76
|
|
|
76
77
|
{% call onsDetails({
|
|
77
78
|
"id": "details-access-code-error",
|
|
78
|
-
|
|
79
|
-
"button": {
|
|
80
|
-
"close": "Hide this",
|
|
81
|
-
"contextSuffix": "content"
|
|
82
|
-
}
|
|
79
|
+
"title": "Need to answer separately from your household?"
|
|
83
80
|
})
|
|
84
81
|
%}
|
|
85
82
|
{{ content | safe }}
|
|
@@ -34,28 +34,25 @@ layout: ~
|
|
|
34
34
|
"classes": "ons-u-mb-xl"
|
|
35
35
|
}) }}
|
|
36
36
|
|
|
37
|
-
<h2>If you
|
|
37
|
+
<h2>If you do not have an access code</h2>
|
|
38
38
|
<p>
|
|
39
|
-
|
|
39
|
+
If you have lost or not received an access code, you can <a href="#0">request a new access code</a>.
|
|
40
|
+
This can be sent to you by text or post.
|
|
40
41
|
</p>
|
|
41
42
|
|
|
42
43
|
{% set content %}
|
|
43
|
-
<p>If you need to answer separately from the people you live with, you can <a href=
|
|
44
|
+
<p>If you need to answer separately from the people you live with, you can <a href="#0">request an individual access code</a>.</p>
|
|
44
45
|
{% call onsPanel({
|
|
45
46
|
type: "warn"
|
|
46
47
|
})
|
|
47
48
|
%}
|
|
48
|
-
Someone in your household must still complete a study using
|
|
49
|
+
Someone in your household must still complete a study using this household access code
|
|
49
50
|
{% endcall %}
|
|
50
51
|
{% endset %}
|
|
51
52
|
|
|
52
53
|
{% call onsDetails({
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
button: {
|
|
56
|
-
"close": "Hide this",
|
|
57
|
-
"contextSuffix": "content"
|
|
58
|
-
}
|
|
54
|
+
"id": "details",
|
|
55
|
+
"title": "Need to answer separately from your household?"
|
|
59
56
|
})
|
|
60
57
|
%}
|
|
61
58
|
{{ content | safe }}
|
|
@@ -47,12 +47,14 @@
|
|
|
47
47
|
border-left: 4px solid transparent;
|
|
48
48
|
display: block;
|
|
49
49
|
margin: 0 0 0.2rem;
|
|
50
|
-
&--active
|
|
50
|
+
&--active,
|
|
51
|
+
&:hover {
|
|
51
52
|
border-color: var(--ons-color-white);
|
|
52
53
|
}
|
|
53
54
|
|
|
54
55
|
.ons-navigation--sub-mobile & {
|
|
55
|
-
&--active
|
|
56
|
+
&--active,
|
|
57
|
+
&:hover {
|
|
56
58
|
border-color: var(--ons-color-branded);
|
|
57
59
|
li {
|
|
58
60
|
border: 0;
|