-
Notifications
You must be signed in to change notification settings - Fork 130
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Patch - Merge pull request #2152 from shiva-sc/dwnld-link
WCAG upgrage - add an test & example file for download-link Patch - Download link - Technical change, isolated the CSS for the download link
- Loading branch information
Showing
8 changed files
with
164 additions
and
71 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| // Download link box | ||
| .gc-dwnld { | ||
|
|
||
| .gc-dwnld-txt { | ||
| text-decoration: underline; | ||
|
|
||
| &:hover { | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| span { | ||
| display: block; | ||
| } | ||
| } | ||
|
|
||
| .gc-dwnld-img { | ||
| margin-bottom: 0; | ||
| } | ||
|
|
||
| p { | ||
| margin-bottom:0; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,53 @@ | ||
| --- | ||
| { | ||
| "title": "Download link example", | ||
| "language": "en", | ||
| "altLangPage": "download_link-fr.html", | ||
| "breadcrumbs": [ | ||
| { "title": "GCWeb home", "link": "https://wet-boew.github.io/GCWeb/index-en.html" } | ||
| ], | ||
| "dateModified": "2023-04-20" | ||
| } | ||
| --- | ||
| <div class="wb-prettify all-pre"></div> | ||
|
|
||
| <p>Download links are used for referencing and linking to non-HTML files on Canada.ca web pages.</p> | ||
| <div class="row"> | ||
| <div class="col-sm-4"> | ||
| <a class="gc-dwnld-lnk" href="#"> | ||
| <div class="well gc-dwnld"> | ||
| <div class="row"> | ||
| <div class="col-xs-4"> | ||
| <p><img class="img-responsive thumbnail gc-dwnld-img" src="./../../templates/img/doc.png" alt="" /></p> | ||
| </div> | ||
| <div class="col-xs-8"> | ||
| <p class="gc-dwnld-txt"> | ||
| <span>Document Title</span> | ||
| <span class="gc-dwnld-info">(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="KiloByte">KB</abbr>)</span> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| <p>Code</p> | ||
| <pre><code><div class="row"> | ||
| <div class="col-sm-4"> | ||
| <a class="gc-dwnld-lnk" href="#"> | ||
| <div class="well gc-dwnld"> | ||
| <div class="row"> | ||
| <div class="col-xs-4"> | ||
| <p><img class="img-responsive thumbnail gc-dwnld-img" src="./../../templates/img/doc.png" alt="" /></p> | ||
| </div> | ||
| <div class="col-xs-8"> | ||
| <p class="gc-dwnld-txt"> | ||
| <span>Document Title</span> | ||
| <span class="gc-dwnld-info">(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="KiloByte">KB</abbr>)</span> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div></code></pre> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,53 @@ | ||
| --- | ||
| { | ||
| "title": "Lien de téléchargement", | ||
| "language": "fr", | ||
| "altLangPage": "download_link-en.html", | ||
| "breadcrumbs": [ | ||
| { "title": "GCWeb home", "link": "https://wet-boew.github.io/GCWeb/index-en.html" } | ||
| ], | ||
| "dateModified": "2023-04-20" | ||
| } | ||
| --- | ||
| <div class="wb-prettify all-pre"></div> | ||
|
|
||
| <p>Les liens de téléchargement servent à renvoyer ou à lier à des fichiers de format autre que HTML sur les pages Web de Canada.ca.</p> | ||
| <div class="row"> | ||
| <div class="col-sm-4"> | ||
| <a class="gc-dwnld-lnk" href="#"> | ||
| <div class="well gc-dwnld"> | ||
| <div class="row"> | ||
| <div class="col-xs-4"> | ||
| <p><img class="img-responsive thumbnail gc-dwnld-img" src="./../../templates/img/doc.png" alt="" /></p> | ||
| </div> | ||
| <div class="col-xs-8"> | ||
| <p class="gc-dwnld-txt"> | ||
| <span>Titre du document</span> | ||
| <span class="gc-dwnld-info">(<abbr lang="en" title="Portable Document Format">PDF</abbr>, 273 <abbr title="kilo octet">Ko</abbr>)</span> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| <p>Code</p> | ||
| <pre><code><div class="row"> | ||
| <div class="col-sm-4"> | ||
| <a class="gc-dwnld-lnk" href="#"> | ||
| <div class="well gc-dwnld"> | ||
| <div class="row"> | ||
| <div class="col-xs-4"> | ||
| <p><img class="img-responsive thumbnail gc-dwnld-img" src="./../../templates/img/doc.png" alt="" /></p> | ||
| </div> | ||
| <div class="col-xs-8"> | ||
| <p class="gc-dwnld-txt"> | ||
| <span>Titre du document</span> | ||
| <span class="gc-dwnld-info">(<abbr lang="en" title="Portable Document Format">PDF</abbr>, 273 <abbr title="kilo octet">Ko</abbr>)</span> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div></code></pre> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,34 @@ | ||
| { | ||
| "@context": { | ||
| "@version": 1.1, | ||
| "dct": "http://purl.org/dc/terms/", | ||
| "title": { "@id": "dct:title", "@container": "@language" }, | ||
| "description": { "@id": "dct:description", "@container": "@language" }, | ||
| "modified": "dct:modified" | ||
| }, | ||
| "title": { | ||
| "en": "Download link", | ||
| "fr": "Lien de téléchargement" | ||
| }, | ||
| "description": { | ||
| "en": "Download link with custom styles.", | ||
| "fr": "Lien de téléchargement avec des styles personalisés." | ||
| }, | ||
| "modified": "2023-04-20", | ||
| "componentName": "gc-dwnld", | ||
| "status": "stable", | ||
| "pages": { | ||
| "examples": [ | ||
| { | ||
| "title": "Download link", | ||
| "language": "en", | ||
| "path": "download_link-en.html" | ||
| }, | ||
| { | ||
| "title": "Lien de téléchargement", | ||
| "language": "fr", | ||
| "path": "download_link-fr.html" | ||
| } | ||
| ] | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters