Skip to content

Commit 25e1373

Browse files
committed
Empathy Thematic - Remove purple color from H1 underline
1 parent b04d784 commit 25e1373

File tree

5 files changed

+9
-20
lines changed

5 files changed

+9
-20
lines changed

méli-mélo/th-empathy/checklist.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Life Journey Death checklist page layout
3-
dateModified: 2025-02-13
3+
dateModified: 2025-10-22
44
description: Checklist CSS styles
55
lang: en
66
pageclass: cnt-wdth-lmtd
@@ -13,7 +13,7 @@
1313
- empathy.js
1414
layout: without-h1
1515
---
16-
<h1 property="name" id="wb-cont" class="empathy">{{ page.title }}</h1>
16+
<h1 property="name" id="wb-cont">{{ page.title }}</h1>
1717

1818

1919
<div class="container">

méli-mélo/th-empathy/death.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Life Journey Death home page layout
3-
dateModified: 2025-02-06
3+
dateModified: 2025-10-22
44
description: Homepage CSS styles
55
lang: en
66
pageclass: cnt-wdth-lmtd
@@ -13,7 +13,7 @@
1313
- empathy.js
1414
layout: without-h1
1515
---
16-
<h1 property="name" id="wb-cont" class="empathy">{{ page.title }}</h1>
16+
<h1 property="name" id="wb-cont">{{ page.title }}</h1>
1717
<div class="mrgn-tp-lg">
1818
<div class="row wb-eqht-grd gc-empathy provisional wb-init">
1919
<div class="col-xs-12 col-md-8 empathy services-and-information small">

méli-mélo/th-empathy/empathy.html

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Empathy theme
3-
dateModified: 2024-12-09
3+
dateModified: 2025-10-22
44
description: Empathy CSS styles
55
lang: en
66
pageclass: cnt-wdth-lmtd
@@ -13,7 +13,7 @@
1313
- empathy.js
1414
layout: without-h1
1515
---
16-
<h1 property="name" id="wb-cont" class="empathy">{{ page.title }}</h1>
16+
<h1 property="name" id="wb-cont">{{ page.title }}</h1>
1717
<p>The colours offered by this theme aim to evoke a sense of empathy for the user during certain life events, such as grieving the loss of a loved one.</p>
1818
{% assign metadata = site.pages | where: "output", "false" | where: "componentName", "th-empathy" | first %}
1919
<p>Sponsor: {{ metadata.sponsor }}</p>
@@ -28,7 +28,6 @@ <h1 property="name" id="wb-cont" class="empathy">{{ page.title }}</h1>
2828
<h2>CSS classes</h2>
2929
<dl>
3030
<dt><code>.empathy</code></dt>
31-
<dd>When applied to the <code>&lt;h1&gt;</code> element it set a purple underline to the title element of the page.</dd>
3231
<dd>When applied to the Steps Quiz along with the <code>wb-steps</code> and <code>quiz</code> it set the thematic colours to the navigation buttons, the progress bar and to the <code>&lt;legend&gt;</code> text.</dd>
3332
<dt><code>.btn-empathy</code></dt>
3433
<dd>Along with <code>.btn-primary</code> or <code>.btn-default</code>, set a purple colour thematic to buttons.</dd>
@@ -37,10 +36,6 @@ <h2>CSS classes</h2>
3736
</dl>
3837

3938
<h2>Examples</h2>
40-
<h3>Purple Underline to the <code>&lt;h1&gt;</code> </h3>
41-
<p>The example has been applied to the <code>&lt;h1&gt;</code> element of this page.</p>
42-
<h4>Code</h4>
43-
<pre><code>&lt;h1 property="name" id="wb-cont" class="empathy"&gt;&lt;-- Page title --&gt;&lt;/h1&gt;</code></pre>
4439

4540
<h3>Purple Button</h3>
4641
<button class="btn btn-primary btn-empathy" type="button">Button</button>

méli-mélo/th-empathy/meta.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,9 @@ pages:
3131
sponsor: Francis Snoddy on behalf of ESDC - Portfolio Web
3232

3333
changes:
34+
- date: 2025-10-22
35+
description: Removal of the custom purple color for the bar underneath the main title H1 of the thematic. The coporate red color will now be applied on page load. This is to aligned with TBS/DTO recommendations and directives.
36+
publicImpact: No impact since that the only site "What to do when someone dies" make use of this thematic is already using the red underline.
3437
- date: 2024-12-02
3538
description: Life Journey home page layout, includes the code and an example to enable the home page layout to be used by current and future Life Journey projects
3639
departmentImpact: Having this layout integrated will allow Canada.ca to have a more streamlined and consistent theme throughout the Journey Labs projects. Currently the pages that make use of this layout have it hardcoded into the page

méli-mélo/th-empathy/style.css

Lines changed: 0 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -34,15 +34,6 @@
3434
color: #471F70;
3535
}
3636

37-
/* Thematic Heading 1 */
38-
h1#wb-cont.empathy {
39-
border-bottom: 0.18em solid #5C2790;
40-
border-image: linear-gradient(to right, #5C2790 71px, transparent 71px);
41-
border-image-slice: 1;
42-
border-left-width: 0;
43-
border-right-width: 0;
44-
border-top-width: 0;
45-
}
4637
/* Thematic text color */
4738
.text-empathy {
4839
color: #5C2790;

0 commit comments

Comments
 (0)