#LA_Benjamins
brisk tiger
fleet fiber
Hello, I think I don't fully understand your question. When you say on top of do you mean overlayed in some way or something else?
dapper marsh
yes exactly. Overlayed
fleet fiber
Oh is that not a screenshot of your app? Or is the list in that screenshot not overlayed the way that you are looking for?
dapper marsh
This is a screenshot of the design of our app, so I am trying to achieve this look. Currently i have this screenshot, where the filter options are above the items, not overlayed on top of them
fleet fiber
Gotcha, thank you. Checking in to how to do this and will get back to you
dapper marsh
Thanks
fleet fiber
Hey would you be able to send me the code that you currently have here? I had trouble finding this myself and have reached out to a colleague for help so that will help them see what you are doing
dapper marsh
Yes sure. I will see if I can attach a file of this component. If not I'll send the code
fleet fiber
Much appreciated, thank you
dapper marsh
fleet fiber
Hey apologies for the wait. My colleague says that we do not provide the version of that component that shows on top of the other ones so you may have to build this yourself. They suggested using a high z index to make that component appear on top of everything though I have not gotten to test this myself https://developer.mozilla.org/en-US/docs/Web/CSS/z-index
Is that enough info to see how to move forward? I can ask for more info
dapper marsh
Let's see. I'll give this a shot right now
Yes, that worked. Here's the config for future reference for the top component
<Box css={{ zIndex: 'overlay', position: 'fixed', backgroundColor: 'container' }} >
Awesome! Glad that worked. Thank you for testing and reporting back!
dapper marsh
You the man @fleet fiber thank you
Parting question for ya, if you don't mind
Can we use a standard CSS transition for rendering components here ?
Use Case - clicking "Filters" to open the menu, but open the menu slowly instead if a jolt to the screen
fleet fiber
Not immediately sure but can look in to it. Have you already tried just setting them and it doesn't work?
dapper marsh
Yes, correct
dire python
Hello 👋
Taking over as Pompey had to step away
@dapper marsh sorry for the delay here, I tried to look but couldn't find a concrete answer for this. Since styling the app is still beta our team won't be most informed about it. You'd likely want to talk to our support team or create an issue on github repo so that our apps team can take a look
https://github.com/stripe/stripe-apps/issues
dapper marsh
Thanks @dire python
dire python
NP! 🙂 Good luck