Skip to content
Snippets Groups Projects

Adds information on accessible accordions, for Civi > 5.69...

Merged nicol requested to merge nicol/dev:master into master
1 unresolved thread

Adds information on accessible accordions, following this: https://github.com/civicrm/civicrm-core/pull/28415. Once 5.69 is on general release, it might be helpful to remove the non-accessible version.

Merge request reports

Approval is optional

Merged by mattwiremattwire 1 year ago (Dec 4, 2023 2:55pm UTC)

Loading

Activity

Filter activity
  • Approvals
  • Assignees & reviewers
  • Comments (from bots)
  • Comments (from users)
  • Commits & branches
  • Edits
  • Labels
  • Lock status
  • Mentions
  • Merge request status
  • Tracking
80 The markup is similar to the method above and uses the same classes to support old themes:
81
82 ```
83 <details class="crm-accordion-wrapper" open>
84 <summary class="crm-accordion-header">
85 A title
86 </summary>
87 <div class="crm-accordion-body">
88 A body.
89 </div>
90 </details>
91 ```
92
93 Using `open` in the first line ensures the accordion is expanded: don't include this if the accordion should be initially closed.
94
95 Adding `.crm-master-accordion-header` to the summary element (e.g. `<summary class="crm-accordion-header crm-master-accordion-header">`) acts as a style modifier to give the accordion header a transparent background, and also remove the border from crm-accordion-body. This same method works without details/summary and is visiible on for e.g. the Find Cases or Participants interfaces.
  • nicol resolved all threads

    resolved all threads

  • Please register or sign in to reply
    Loading