Skip to content

Commit 36854cd

Browse files
committed
Scaffolding (Forms): applying 20px basefont to forms
1 parent 2c0550a commit 36854cd

File tree

12 files changed

+1221
-82
lines changed

12 files changed

+1221
-82
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: 23 additions & 12 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": "2025-05-28",
1021+
"modified": "2026-03-16",
10221022
"componentName": "feedback",
10231023
"status": "stable",
1024-
"version": "2.0.1",
1024+
"version": "2.0.2",
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_2",
1147+
"iteration": "_:iteration_pft_3",
11481148
"example": [
11491149
{
11501150
"en": { "href": "page-feedback-en.html", "text": "GC feedback" },
@@ -1182,7 +1182,7 @@
11821182
"en": "https://design.canada.ca/feedback/index.html",
11831183
"fr": "https://conception.canada.ca/retroaction/index.html"
11841184
},
1185-
"iteration": "_:iteration_pft_2",
1185+
"iteration": "_:iteration_pft_3",
11861186
"example": [
11871187
{
11881188
"en": { "href": "page-feedback-contact-en.html", "text": "GC feedback with contact link" },
@@ -1396,7 +1396,7 @@
13961396
},
13971397
{
13981398
"@id": "_:implement_pft",
1399-
"iteration": "_:iteration_pft_2",
1399+
"iteration": "_:iteration_pft_3",
14001400
"name": {
14011401
"en": "Standard (wet-boew)",
14021402
"fr": "Standard (wet-boew)"
@@ -1466,7 +1466,7 @@
14661466
},
14671467
{
14681468
"@id": "_:implement_pft_gcweb",
1469-
"iteration": "_:iteration_pft_2",
1469+
"iteration": "_:iteration_pft_3",
14701470
"name": {
14711471
"en": "GCWeb Jekyll",
14721472
"fr": "GCWeb Jekyll"
@@ -1506,7 +1506,7 @@
15061506
},
15071507
{
15081508
"@id": "_:implement_pft_upgrade_rap",
1509-
"iteration": "_:iteration_pft_2",
1509+
"iteration": "_:iteration_pft_3",
15101510
"name": {
15111511
"en": "Upgrade from RAP",
15121512
"fr": "Mise à jour à partir de SUP"
@@ -1528,7 +1528,7 @@
15281528
},
15291529
{
15301530
"@id": "_:implement_pft_mws_author",
1531-
"iteration": "_:iteration_pft_2",
1531+
"iteration": "_:iteration_pft_3",
15321532
"name": {
15331533
"en": "MWS users",
15341534
"fr": "Utilisateur SWG"
@@ -1554,7 +1554,7 @@
15541554
},
15551555
{
15561556
"@id": "_:implement_pft_contact",
1557-
"iteration": "_:iteration_pft_2",
1557+
"iteration": "_:iteration_pft_3",
15581558
"name": {
15591559
"en": "Standard (WET-BOEW)",
15601560
"fr": "Standard (WET-BOEW)"
@@ -1624,7 +1624,7 @@
16241624
},
16251625
{
16261626
"@id": "_:implement_pft_contact_gcweb",
1627-
"iteration": "_:iteration_pft_2",
1627+
"iteration": "_:iteration_pft_3",
16281628
"name": {
16291629
"en": "GCWeb Jekyll",
16301630
"fr": "GCWeb Jekyll"
@@ -1670,7 +1670,7 @@
16701670
"@id": "_:cs_pft_container",
16711671
"name": "GC feedback with AJAX",
16721672
"status": "stable",
1673-
"baseOnIteration": "_:iteration_pft_2",
1673+
"baseOnIteration": "_:iteration_pft_3",
16741674
"detectableBy": ".pagedetails .wb-disable-allow[data-ajax-replace*=feedback]",
16751675
"layout": [
16761676
"At the top-left column in the page details component",
@@ -1718,7 +1718,7 @@
17181718
"@id": "_:cs_pft_ajax",
17191719
"name": "GC feedback AJAX file",
17201720
"status": "stable",
1721-
"baseOnIteration": "_:iteration_pft_2",
1721+
"baseOnIteration": "_:iteration_pft_3",
17221722
"dependOnChangeSet": "_:cs_pft_container",
17231723
"detectableBy": "<div class=\"gc-pft\">",
17241724
"layout": [
@@ -2014,6 +2014,16 @@
20142014
}
20152015
],
20162016
"iteration": [
2017+
{
2018+
"@id": "_:iteration_pft_3",
2019+
"name": "GC feedback - Iteration 3",
2020+
"date": "2026-03",
2021+
"detectableBy": "#gc-pft:has(.gc-pft-no p[role=\"status\"]:nth-of-type(2))",
2022+
"fixes": [
2023+
"Keep visual output after increase of forms font-size."
2024+
],
2025+
"predecessor": "_:iteration_pft_2"
2026+
},
20172027
{
20182028
"@id": "_:iteration_pft_2",
20192029
"name": "GC feedback - Iteration 2",
@@ -2025,6 +2035,7 @@
20252035
"AJAX fragment: Added PII scrub of the comment field."
20262036
],
20272037
"predecessor": "_:iteration_pft_1",
2038+
"SUCCESSOR": "_:iteration_pft_3",
20282039
"assets": [
20292040
{
20302041
"@type": "source-code",

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)