You're on your way to the next level! Join the Kudos program to earn points and save your progress.
Level 1: Seed
25 / 150 points
Next: Root
1 badge earned
Challenges come and go, but your rewards stay with you. Do more to earn more!
What goes around comes around! Share the love by gifting kudos to your peers.
Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!
Join now to unlock these features and more
The Atlassian Community can help you and your team get more value out of Atlassian products and practices.
My end users have gotten spoiled with a customized search / help links panel that I had positioned in the upper right of the page using CSS. After our latest update to 7.19.1, it is a mess! And I don't know how to fix it, or how to start over. (CSS is not a superpower of mine -- yet.)
Before, It looked like this:
It is essentially a page with the livesearch macro wrapped inside an Adaptavist DIV macro, with Adaptavist CSS macro to position it in the upper right corner of the page. Simple, right?
This page was included on every page by adding the markup to the footer field like so, {include:Searchbox} .
After the update to 7.19.1, it now looks like this, the search icon is wrapping around underneath:
I tried adjusting the CSS positioning (and other CSS tweaks) to no effect. I discovered that viewing the Searchbox page itself, the Livesearch macro displayed fine. It was only when it was included in the footer (or the header) via markup that the wrapping occurred. Atlassian Support could not discover the cause of the issue or how to fix it, or what CSS might be involved.
I'm willing to start from scratch to implement this feature again for my users, and we would all appreciate your recommendations or examples very much. (Yes, we do have "search only this space" in the sidebar, but the upper right search box is a VERY popular feature and I would like to see it displaying correctly again.)