Skip to content

Made collapsable elements visible when javascript is disabled - #385

Merged
tomjaguarpaw merged 1 commit into
haskell-infra:masterfrom
ShaiyaJ:noscript-support
Jul 5, 2026
Merged

Made collapsable elements visible when javascript is disabled#385
tomjaguarpaw merged 1 commit into
haskell-infra:masterfrom
ShaiyaJ:noscript-support

Conversation

@ShaiyaJ

@ShaiyaJ ShaiyaJ commented Jul 4, 2026

Copy link
Copy Markdown
Contributor

Closes #384

Originally I opted to put all collapsible sections inside <details> tags, but it proved difficult to get the animations right for this.

Instead, I think this is a good middle ground. All elements with the .collapse class are set to display: block;, and all [data-toggle="collapse"] elements are set to display: none;.

The result is collapsed areas are visible, and the elements that toggle the collapsing behavior are hidden (this might want to be reverted though). The site is a little less pretty to those with JavaScript disabled, though.

collapsable elements that are controlled via javascript now have , and elements that toggled the collapsable elements have  (the latter may potentially need reverting)
@tomjaguarpaw

Copy link
Copy Markdown
Collaborator

Seems like a reasonable approach. Let's give it a go.

@tomjaguarpaw
tomjaguarpaw merged commit 93226c0 into haskell-infra:master Jul 5, 2026
1 check passed
@tomjaguarpaw

Copy link
Copy Markdown
Collaborator

Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Site isn't navigable when JavaScript is disabled

3 participants