Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Docs: (subjectively) nicer looking accordion example #31137

Merged
merged 9 commits into from
Sep 10, 2020

Conversation

patrickhlauke
Copy link
Member

the use of .btn-link currently just looks a bit odd, subjectively (as in v5 we now force the underline to always be there, while in v4 at least it was only on hover/focus).
.btn-light seems more fitting

the use of `.btn-link` currently just looks a bit odd, subjectively (as in v5 we now force the underline to always be there, while in v4 at least it was only on hover/focus).
`.btn-light` seems more fitting
@patrickhlauke
Copy link
Member Author

Current look in v5:

accordion-current

After change:

accordion-light

@patrickhlauke patrickhlauke requested review from mdo and ysds June 21, 2020 13:58
@ysds
Copy link
Member

ysds commented Jun 23, 2020

I suggest more additional classes :)

  • Add a p-0 to the .card-header
  • Add a p-3 and rounded-0 to the button

Before:
image

After:
image

@patrickhlauke
Copy link
Member Author

the example with more classes does look good. wonder though if it will obscure the point of the example?

@mdo
Copy link
Member

mdo commented Jun 25, 2020

There's a PR to make a dedicated accordion component at #30042. Maybe we explore that?

@XhmikosR
Copy link
Member

I think this PR with the suggestions @ysds made is good to land way before #30042

@patrickhlauke
Copy link
Member Author

Added extra classes as suggested by @ysds

@patrickhlauke
Copy link
Member Author

Also squeaked in a tiny clarification in the accessibility note there about what bootstrap doesn't support (the optional keyboard interactions)

@patrickhlauke
Copy link
Member Author

any more thoughts on this?

v5.0.0-alpha2 automation moved this from Inbox to Approved Sep 10, 2020
@patrickhlauke patrickhlauke merged commit 42a0f8f into main Sep 10, 2020
v5.0.0-alpha2 automation moved this from Approved to Shipped Sep 10, 2020
@patrickhlauke patrickhlauke deleted the v5-docs-better-accordion branch September 10, 2020 07:04
olsza pushed a commit to olsza/bootstrap that referenced this pull request Oct 3, 2020
* Docs: (subjectively) nicer looking accordion example

the use of `.btn-link` currently just looks a bit odd, subjectively (as in v5 we now force the underline to always be there, while in v4 at least it was only on hover/focus).
`.btn-light` seems more fitting

* Add extra classes for nicer overall look

as suggested by @ysds

* Tweak accessibility note for accordions and optional keyboard interactions
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
v5.0.0-alpha2
  
Shipped
Development

Successfully merging this pull request may close these issues.

None yet

4 participants