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

Table:Experiment: animate card margin #99

Closed
Lenni009 opened this issue Apr 17, 2024 · 1 comment
Closed

Table:Experiment: animate card margin #99

Lenni009 opened this issue Apr 17, 2024 · 1 comment

Comments

@Lenni009
Copy link
Member

Lenni009 commented Apr 17, 2024

Try animating the card margin when expanding the actions.
When actions are collapsed, leave the margin as-is.
When actions are expanded, set margin to 5rem or smth like that.
Use :has() for that.

Something like

.census-table article {
transition: margin-block-end var(--pico-transition); 

&:has(details[open]) {
  margin-block-end: 5rem;
}
}
@Lenni009
Copy link
Member Author

Not easily doable, more trouble than it's worth.

The other cards expand as well when an item in a row gains margin.

This is the exact reason why position: absolute was used in the first place.

@Lenni009 Lenni009 closed this as not planned Won't fix, can't repro, duplicate, stale Apr 17, 2024
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

No branches or pull requests

1 participant