Skip to content

Commit 671b1af

Browse files
oharstaoharsta
committed
Fixes #1199 
1 parent 0cef398 commit 671b1af

9 files changed

Lines changed: 19 additions & 11 deletions

File tree

‎public-gui/src/components/InfoLinkField.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@ export const InfoLinkField = ({title, info, children}) => {
88
const [collapse, setCollapse] = useState(false)
99

1010
return (
11-
<div className="info-link-field" onClick={() => setCollapse(!collapse)}>
12-
<div className="info-link-field-inner">
11+
<div className="info-link-field">
12+
<div className="info-link-field-inner" onClick={() => setCollapse(!collapse)}>
1313
<span className={`title ${collapse ? "open" : "collapsed"}`}>
1414
{title}
1515
</span>

‎public-gui/src/index.scss‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,10 +30,14 @@ $tablet-width-cutoff: 821px;
3030
}
3131

3232
strong {
33-
font-weight: 600;
33+
font-weight: 600!important;
3434
}
3535

3636
p.section-label {
3737
font-weight: 600;
3838
margin-bottom: 10px;
39+
40+
&.top {
41+
margin-top: 10px;
42+
}
3943
}

‎public-gui/src/routes/About_EN.jsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ export const About_EN = () => {
3939
<InfoLinkField title="2. Verify your identity with an official party">
4040
<p>In most cases, you'll need to verify your identity before you can use your eduID. You
4141
can do this in one of the following ways:</p>
42-
<p className="section-label"><strong>With your Dutch educational or research institution</strong></p>
42+
<p className="section-label top"><strong>With your Dutch educational or research institution</strong></p>
4343
<p>By linking your institution, you add the following to your eduID in one go:</p>
4444
<ul>
4545
<li>Your full name, confirmed by an official party</li>
@@ -53,14 +53,14 @@ export const About_EN = () => {
5353
with us.</p>
5454
<p>Please note: your institution data will be automatically deleted after 6 months. After
5555
that, you can easily re-link your institution.</p>
56-
<p><strong>Not affiliated with an institution?</strong> You can verify your eduID in the
56+
<p className="section-label top"><strong>Not affiliated with an institution?</strong> You can verify your eduID in the
5757
following ways:</p>
5858
<ul>
5959
<li><strong>Via your bank (iDIN)</strong> – for customers of a Dutch bank</li>
6060
<li><strong>European identity document (eIDAS)</strong> – for citizens from other
6161
European countries
6262
</li>
63-
<li>Service desk – only for participants in eduBadges pilots</li>
63+
<li><Link to={"/servicedesk"}>Service desk</Link> – only for participants in eduBadges pilots</li>
6464
</ul>
6565
<p><Link to="/verify">Learn more about verifying your eduID</Link></p>
6666
</InfoLinkField>

‎public-gui/src/routes/About_NL.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ export const About_NL = () => {
5757
<ul>
5858
<li>Via je bank (iDIN) - voor klanten van een Nederlandse bank</li>
5959
<li>Europees identiteitsbewijs (eIDAS) - voor burgers uit andere Europese landen</li>
60-
<li>Servicedesk - alleen voor deelnemers aan pilots met eduBadges</li>
60+
<li><Link to={"/servicedesk"}>Servicedesk</Link> - alleen voor deelnemers aan pilots met eduBadges</li>
6161
</ul>
6262
<p><Link to="/verify">Bekijk hoe je je eduID verifieert</Link></p>
6363
</InfoLinkField>

‎public-gui/src/routes/Support_EN.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -199,7 +199,7 @@ export const Support_EN = () => {
199199
<div className="card bottom">
200200
<h2>Need more help?</h2>
201201
<p className="info">Can't find your question here? Send an email to <a
202-
href="mailto:help@eduid.nl">help@eduid.nl</a>. We're happy to help.</p>
202+
href="mailto:help@eduid.nl">help@eduid.nl</a>. We're happy to help and explain how it works.</p>
203203
</div>
204204
</Background>
205205
</div>

‎public-gui/src/routes/Support_NL.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -197,7 +197,7 @@ export const Support_NL = () => {
197197
<div className="card bottom">
198198
<h2>Meer hulp nodig?</h2>
199199
<p className="info">Staat je vraag er niet tussen? Stuur dan een e-mail naar <a
200-
href="mailto:help@eduid.nl">help@eduid.nl</a>. We helpen je graag.</p>
200+
href="mailto:help@eduid.nl">help@eduid.nl</a>. We helpen je graag en leggen je uit hoe het werkt.</p>
201201
</div>
202202
</Background>
203203
</div>

‎public-gui/src/routes/Verify.scss‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,8 @@
2424
}
2525

2626
ol {
27+
list-style: decimal;
28+
margin: 10px 0 0 10px;
2729
li {
2830
margin: 0 0 12px 16px;
2931
}

‎public-gui/src/routes/Verify_EN.jsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@ export const Verify_EN = () => {
2929
</p>
3030
</div>
3131
<div className="card bottom with-collapse-fields">
32+
<h2>Verification methods</h2>
3233
<InfoLinkField title="Through your institution">
3334
<p>Are you a student or employee? Link your eduID to your institution's account.</p>
3435
<ol>
@@ -159,7 +160,7 @@ export const Verify_EN = () => {
159160
<div className="card bottom">
160161
<h2>I have a different question</h2>
161162
<p className="info">Is your question not listed here? Send an email to <a
162-
href="mailto:help@eduid.nl">help@eduid.nl</a>. We're happy to help.</p>
163+
href="mailto:help@eduid.nl">help@eduid.nl</a>. We are happy to help and explain how it works.</p>
163164
</div>
164165
</Background>
165166
</div>

‎public-gui/src/routes/Verify_NL.jsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ export const Verify_NL = () => {
3030
</p>
3131
</div>
3232
<div className="card bottom with-collapse-fields">
33+
<h2>Verificatie methoden</h2>
3334
<InfoLinkField title="Via je instelling">
3435
<p>Ben je student of medewerker? Koppel je eduID aan het account van je instelling.</p>
3536
<ol>
@@ -161,7 +162,7 @@ export const Verify_NL = () => {
161162
<div className="card bottom">
162163
<h2>Ik heb een andere vraag</h2>
163164
<p className="info">Staat je vraag er niet tussen? Stuur dan een e-mail naar <a
164-
href="mailto:help@eduid.nl">help@eduid.nl</a>. We helpen je graag.</p>
165+
href="mailto:help@eduid.nl">help@eduid.nl</a>. We helpen je graag en leggen je uit hoe het werkt.</p>
165166
</div>
166167
</Background>
167168
</div>

0 commit comments

Comments
 (0)