@RossBoone This post has a link to my calendar concept app. I’ll warn you that it’s not a pretty or a simple process. It has some noticeable bugs due to the heavy usage of CSS to manipulate things. @Manu.n may have a cleaner version and I think there is a couple of others floating around, but I don’t know if anybody else has shared a copyable version.
Edit: Actually it looks like @Manu.n’s version is copyable, so it might be work looking at his.
Hi @ThinhDinh,
thank you for the floating back button css.
Do you know if it is possible to position a real floating button (which has actions) on that top right position. For me the standard floating button is too large and therefore sometimes covers important elements on the screen.
Thanks.
Thank you @ThinhDinh ,
the positioning works perfectly,
In my case I want to have the screen title and I need to scroll the content and therefore the first part, which sets the backdrop-filter, isn’t ideal, because then the content scrolls over the title.
I tried to position the floating button above the blurry header with z-index, but this didn’t work out.
Do you have any idea how to position the button on top of everything else?
Maybe you should give up the idea of placing the floating button so high? Replace top: 5% with top: 10% in your example and everything will look almost the way you want
But in your Vegan showcase, your floating is on top right corner and the title zone doesn’t hide it.
How’s that?
If you put a top title, does it remove any transparency or prevent from clicking on the button?
Thks, ThinhDinh