Reverse Stack Component #3007
joshmanders
started this conversation in
Ideas / feature requests
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
The
![image](https://private-user-images.githubusercontent.com/352113/326577244-26f5eeb8-ee99-43ab-a422-5e741028fa5d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjExMjU2MzQsIm5iZiI6MTcyMTEyNTMzNCwicGF0aCI6Ii8zNTIxMTMvMzI2NTc3MjQ0LTI2ZjVlZWI4LWVlOTktNDNhYi1hNDIyLTVlNzQxMDI4ZmE1ZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxNlQxMDIyMTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00OTQ3NGEzZTk1ZGI5ZmI5MTAwOGRmODc5ZTk3YjJmMjM4ODFhZTJjOTdjMjUwNmI1ZTI4MDNmNWMwNTM3Yjk5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.R0wgA6rEri6leLW3fot2t6w2U8RmWVAVdRzAmtDrMc0)
Stack
component is wonderful, but we ran into a case where we needed it to stack in a reverse way, for example this is what normal stack looks like:We needed a reverse stack like this:
![image](https://private-user-images.githubusercontent.com/352113/326577482-ac39c925-1050-4a8f-9d84-245e26bf3623.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjExMjU2MzQsIm5iZiI6MTcyMTEyNTMzNCwicGF0aCI6Ii8zNTIxMTMvMzI2NTc3NDgyLWFjMzljOTI1LTEwNTAtNGE4Zi05ZDg0LTI0NWUyNmJmMzYyMy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxNlQxMDIyMTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mYzU5NjhhMTczMDhmYTdhZTA5ZDM4Y2VjYmI5ZTc0YzhjZThlZWI5M2NjYmMyNmEwNWNlODZiYTgyOTQ4MTRjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.y6YMAfM579mIiUuM2GQLffkhuNzM8FfHyIKE-vjoB3s)
This is the code I used to achieve this, from the
unstyled/stack.css
file:I'm not sure how to go about if I would need to do this in the
styled/stack.css
too at all, I don't see anytranslateY
calls which are what I changed. But I can submit a PR adding this if necessary.Beta Was this translation helpful? Give feedback.
All reactions