Unified Diff: pages/index.md
Issue 29548567:
Issue 4925 - Create accordion component for Help Center (Closed)
Base URL: https://hg.adblockplus.org/help.eyeo.com
Patch Set: Rebase, Accordion object, hover state
Created Sept. 25, 2017, 11:24 a.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« no previous file
|
static/img/png/arrow-icon-secondary.png » ('j')
|
static/js/main.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: pages/index.md |
| =================================================================== |
| --- a/pages/index.md |
| +++ b/pages/index.md |
| @@ -1,5 +1,45 @@ |
| title=Hello, world |
| +<div class="container"> |
| + |
| # Hello, world |
| Welcome to the Help Center! |
| + |
| +<br><br> |
| + |
| +<dl class="accordion"> |
| + <dt role="heading" aria-level="3" class="accordion-heading"> |
| + <button aria-expanded="true" aria-controls="sect1" id="heading1" class="accordion-toggle-button"> |
| + <img src="/img/png/arrow-icon-secondary.png" srcset="/img/svg/arrow-icon-secondary.svg 2x" alt="{{ "Toggle Section" | translate("accordion-toggle-icon", "Image alt text") }}"> |
| + Section 1 Title |
| + </button> |
| + </dt> |
| + <dd role="region" aria-labelledby="heading1" id="sect1" class="accordion-body"> |
| + Section 1 Content |
| + </dd> |
| + |
| + <dt role="heading" aria-level="3" class="accordion-heading"> |
| + <button aria-expanded="true" aria-controls="sect2" id="heading2" class="accordion-toggle-button"> |
| + <img src="/img/png/arrow-icon-secondary.png" srcset="/img/svg/arrow-icon-secondary.svg 2x" alt="{{ "Toggle Section" | translate("accordion-toggle-icon", "Image alt text") }}"> |
| + Section 2 Title |
| + </button> |
| + </dt> |
| + <dd role="region" aria-labelledby="heading2" id="sect2" class="accordion-body"> |
| + Section 2 Content |
| + </dd> |
| + |
| + <dt role="heading" aria-level="3" class="accordion-heading"> |
| + <button aria-expanded="true" aria-controls="sect3" id="heading3" class="accordion-toggle-button"> |
| + <img src="/img/png/arrow-icon-secondary.png" srcset="/img/svg/arrow-icon-secondary.svg 2x" alt="{{ "Toggle Section" | translate("accordion-toggle-icon", "Image alt text") }}"> |
| + Section 3 Title |
| + </button> |
| + </dt> |
| + <dd role="region" aria-labelledby="heading3" id="sect3" class="accordion-body"> |
| + Section 3 Content |
| + </dd> |
| +</dl> |
| + |
| +<br><br> |
| + |
| +</div> |
« no previous file with comments
|
« no previous file
|
static/img/png/arrow-icon-secondary.png » ('j')
|
static/js/main.js » ('J')
