Skip to content

Commit 575c57d

Browse files
authored
Minor - Forms: applying 20px basefont to forms (#2736)
1 parent 3d2e84d commit 575c57d

File tree

12 files changed

+1223
-84
lines changed

12 files changed

+1223
-84
lines changed

_data/common.json

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -251,6 +251,41 @@
251251
]
252252
}
253253
}
254+
,{
255+
"@context": {
256+
"@version": 1.1,
257+
"dct": "http://purl.org/dc/terms/",
258+
"title": { "@id": "dct:title", "@container": "@language" },
259+
"description": { "@id": "dct:description", "@container": "@language" },
260+
"modified": "dct:modified"
261+
},
262+
"title": {
263+
"en": "Forms",
264+
"fr": "Formulaires"
265+
},
266+
"description": {
267+
"en": "Form elements with custom classes.",
268+
"fr": "Éléments de formulaire avec des classes personnalisées."
269+
},
270+
"modified": "2026-03-16",
271+
"componentName": "form",
272+
"processing": "baseline",
273+
"status": "stable",
274+
"pages": {
275+
"examples": [
276+
{
277+
"title": "Complex structure form",
278+
"language": "en",
279+
"path": "complex-structure-form-en.html"
280+
},
281+
{
282+
"title": "Formulaire à structure complexe",
283+
"language": "fr",
284+
"path": "complex-structure-form-fr.html"
285+
}
286+
]
287+
}
288+
}
254289
,{
255290
"@context": {
256291
"@version": 1.1,

_data/sites.json

Lines changed: 24 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1018,10 +1018,10 @@
10181018
"en": "Documentation on how to use the elements of the feedback area.",
10191019
"fr": "Documentation sur l'utilisation des éléments de la zone commentaires."
10201020
},
1021-
"modified": "2026-03-05",
1021+
"modified": "2026-03-16",
10221022
"componentName": "feedback",
10231023
"status": "stable",
1024-
"version": "2.0.2",
1024+
"version": "2.0.3",
10251025
"pages": {
10261026
"docs": [
10271027
{
@@ -1144,7 +1144,7 @@
11441144
"en": "https://design.canada.ca/feedback/index.html",
11451145
"fr": "https://conception.canada.ca/retroaction/index.html"
11461146
},
1147-
"iteration": "_:iteration_pft_3",
1147+
"iteration": "_:iteration_pft_4",
11481148
"example": [
11491149
{
11501150
"en": { "href": "page-feedback-en.html", "text": "GC feedback" },
@@ -1186,7 +1186,7 @@
11861186
"en": "https://design.canada.ca/feedback/index.html",
11871187
"fr": "https://conception.canada.ca/retroaction/index.html"
11881188
},
1189-
"iteration": "_:iteration_pft_3",
1189+
"iteration": "_:iteration_pft_4",
11901190
"example": [
11911191
{
11921192
"en": { "href": "page-feedback-contact-en.html", "text": "GC feedback with contact link" },
@@ -1404,7 +1404,7 @@
14041404
},
14051405
{
14061406
"@id": "_:implement_pft",
1407-
"iteration": "_:iteration_pft_2",
1407+
"iteration": "_:iteration_pft_4",
14081408
"name": {
14091409
"en": "Standard (wet-boew)",
14101410
"fr": "Standard (wet-boew)"
@@ -1474,7 +1474,7 @@
14741474
},
14751475
{
14761476
"@id": "_:implement_pft_gcweb",
1477-
"iteration": "_:iteration_pft_2",
1477+
"iteration": "_:iteration_pft_4",
14781478
"name": {
14791479
"en": "GCWeb Jekyll",
14801480
"fr": "GCWeb Jekyll"
@@ -1514,7 +1514,7 @@
15141514
},
15151515
{
15161516
"@id": "_:implement_pft_upgrade_rap",
1517-
"iteration": "_:iteration_pft_2",
1517+
"iteration": "_:iteration_pft_4",
15181518
"name": {
15191519
"en": "Upgrade from RAP",
15201520
"fr": "Mise à jour à partir de SUP"
@@ -1536,7 +1536,7 @@
15361536
},
15371537
{
15381538
"@id": "_:implement_pft_mws_author",
1539-
"iteration": "_:iteration_pft_2",
1539+
"iteration": "_:iteration_pft_4",
15401540
"name": {
15411541
"en": "MWS users",
15421542
"fr": "Utilisateur SWG"
@@ -1562,7 +1562,7 @@
15621562
},
15631563
{
15641564
"@id": "_:implement_pft_contact",
1565-
"iteration": "_:iteration_pft_2",
1565+
"iteration": "_:iteration_pft_4",
15661566
"name": {
15671567
"en": "Standard (WET-BOEW)",
15681568
"fr": "Standard (WET-BOEW)"
@@ -1632,7 +1632,7 @@
16321632
},
16331633
{
16341634
"@id": "_:implement_pft_contact_gcweb",
1635-
"iteration": "_:iteration_pft_2",
1635+
"iteration": "_:iteration_pft_4",
16361636
"name": {
16371637
"en": "GCWeb Jekyll",
16381638
"fr": "GCWeb Jekyll"
@@ -1678,7 +1678,7 @@
16781678
"@id": "_:cs_pft_container",
16791679
"name": "GC feedback with AJAX",
16801680
"status": "stable",
1681-
"baseOnIteration": "_:iteration_pft_2",
1681+
"baseOnIteration": "_:iteration_pft_4",
16821682
"detectableBy": ".pagedetails .wb-disable-allow[data-ajax-replace*=feedback]",
16831683
"layout": [
16841684
"At the top-left column in the page details component",
@@ -1726,7 +1726,7 @@
17261726
"@id": "_:cs_pft_ajax",
17271727
"name": "GC feedback AJAX file",
17281728
"status": "stable",
1729-
"baseOnIteration": "_:iteration_pft_2",
1729+
"baseOnIteration": "_:iteration_pft_4",
17301730
"dependOnChangeSet": "_:cs_pft_container",
17311731
"detectableBy": "<div class=\"gc-pft\">",
17321732
"layout": [
@@ -2022,6 +2022,16 @@
20222022
}
20232023
],
20242024
"iteration": [
2025+
{
2026+
"@id": "_:iteration_pft_4",
2027+
"name": "GC feedback - Iteration 4",
2028+
"date": "2026-03",
2029+
"detectableBy": "#gc-pft:has(.gc-pft-no p[role=\"status\"]:nth-of-type(2))",
2030+
"fixes": [
2031+
"Keep visual output after increase of forms font-size."
2032+
],
2033+
"predecessor": "_:iteration_pft_3"
2034+
},
20252035
{
20262036
"@id": "_:iteration_pft_3",
20272037
"name": "GC feedback - Iteration 3",
@@ -2030,6 +2040,7 @@
20302040
"fixes": [
20312041
"PII Modal popup: Updated the popup text, removed the 'Submit comment' button if PII detected"
20322042
],
2043+
"successor": "_:iteration_pft_4",
20332044
"predecessor": "_:iteration_pft_2"
20342045
},
20352046
{
@@ -2042,7 +2053,7 @@
20422053
"AJAX fragment: Changed <code>aria-live=\"polite\"</code> to <code>role=\"status\"</code> in \"Tell us why below:\".",
20432054
"AJAX fragment: Added PII scrub of the comment field."
20442055
],
2045-
"successor": "_:iteration_pft_3",
2056+
"successor": "_:iteration_pft_4",
20462057
"predecessor": "_:iteration_pft_1",
20472058
"assets": [
20482059
{

common/form/_forms.scss

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
/*
2+
*
3+
* Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
4+
* wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
5+
*
6+
* @title: Forms
7+
*
8+
*/
9+
10+
fieldset {
11+
&.chkbxrdio-grp {
12+
legend {
13+
font-size: 20px;
14+
}
15+
}
16+
}
17+
18+
input[type="radio"],
19+
input[type="checkbox"] {
20+
margin-top: 9px;
21+
}
22+
23+
// Increase likelihood of side-by-side input/button having same height
24+
.input-group {
25+
.form-control,
26+
.input-group-addon,
27+
.input-group-btn input,
28+
.input-group-btn button {
29+
min-height: 39px;
30+
}
31+
}
32+
33+
34+
.form-horizontal {
35+
.control-label {
36+
padding-top: 7px;
37+
}
38+
}
39+
40+
// Note: Some form override are defined in "_obselete.scss"

0 commit comments

Comments
 (0)