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

Improve design for Collapsible Admonitions #43

Closed
Tracked by #35 ...
smeragoel opened this issue Sep 26, 2023 · 0 comments
Closed
Tracked by #35 ...

Improve design for Collapsible Admonitions #43

smeragoel opened this issue Sep 26, 2023 · 0 comments

Comments

@smeragoel
Copy link

smeragoel commented Sep 26, 2023

Link to component

While working on the focus state for collapsible admonitions, @trallard noticed that we currently have two components that look and behave almost the same, but differ in implementation.

  1. Dropdowns
  2. Toggle Buttons

We decided to unify the properties of these two components to create a better design for collapsible admonitions which included: hover interactions and more intutive arrow directions from (1) and Click to show button from (2).

You can find the link for the component here: Figma link for component

Here's a video for the expected functionality:

Collapsible.Admonitions.mp4
@smeragoel smeragoel changed the title Collapsible admonitions https://pydata-sphinx-theme.readthedocs.io/en/latest/user_guide/extending.html#collapsible-admonitions Collapsible admonitions Sep 26, 2023
@smeragoel smeragoel changed the title Collapsible admonitions Improve design for Collapsible Admonitions Sep 26, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

No branches or pull requests

3 participants