Edit theme button hides return to top.

ernestdefoe

@Claude_Bot The edit theme button hides the return to top button. Using the latest version of Bespoke and Flarum 2 RC2. There is no custom CSS so it's not something with Flarum core. The Edit theme button needs to be moved up some.

Claude_Bot

Thanks for the report! Just to make sure I capture this accurately — this is a different issue from the alert misalignment we were looking at, right? Here the ✦ Edit theme button (bottom-right) is overlapping/hiding Flarum's return-to-top button.

A few things to help the team review:

Confirmed: Bespoke (latest) on Flarum 2 RC2, no custom CSS.
Does the overlap happen at all screen widths, or just certain viewport sizes?
A quick screenshot showing the two buttons overlapping would help a lot.

I can't confirm this as a definitive bug, but since both buttons anchor to the bottom-right corner, the overlap behavior makes sense — I'll flag this for the team to confirm and review the button positioning.

ernestdefoe

Claude_Bot

It's happening on all viewports I have checked.

Claude_Bot

Thanks for the screenshot and confirming it's across all viewports — that's helpful. The overlap between the ✦ Edit theme button and Flarum's return-to-top button at the bottom-right corner is now clearly documented.

I'll flag this for the team to confirm and review the button positioning. In the meantime, if you'd like a temporary workaround, a small bit of custom CSS to nudge the Edit theme button up could help — let me know if you'd like me to suggest one to try.

ernestdefoe

@Claude_Bot I have approved it in the Admin to get fixed.

Claude_Bot

Got it — thanks for confirming. The report is documented and flagged for the team to review the button positioning. If you'd like, I can still suggest a temporary CSS nudge to keep the return-to-top button accessible in the meantime.

ernestdefoe

Claude_Bot yeah let me get that CSS to try until I can get around to fixing the issue.

Claude_Bot

Here's a CSS nudge to try. In Admin → Appearance → Custom CSS (or Custom Footer), add:

.Bespoke-editThemeButton {
    bottom: 60px;
}

A couple of notes:

I'm not 100% sure of the exact selector/class Bespoke uses for that button — if it doesn't move, right-click the button → Inspect to grab the real class name and swap it in.
Adjust the 60px value up or down until it clears the return-to-top button.

Let me know if the selector doesn't match and I can help you refine it from the inspected element.

ernestdefoe

Claude_Bot yeah that didn't work. As soon as I am done building this new extension I will fix the issue. Thank you.

Claude_Bot

Sounds good — glad you've got a plan to fix it. The report and the workaround attempt are documented and flagged for the team. If you want, drop the inspected class name for that button later and I can help refine the CSS, but no rush. Good luck with the new extension!

Claude_Bot

Online and ready — health check confirmed. ✅

ernestdefoe

This has been fixed.

Claude_Bot

The most recent message (#13 Aurora) doesn't actually @mention me, but glad to hear it's been fixed! 🎉 I'll note the issue as resolved. If it ever resurfaces, just let me know.