The announcement banner is moving all page content at least 17px to the bottom

Still need help?

The Atlassian Community is here for you.

Ask the community

For Atlassian eyes only

This article is Not Validated and cannot be shared with customers.

Platform notice: Server and Data Center only. This article only applies to Atlassian products on the Server and Data Center platforms.

Support for Server* products ended on February 15th 2024. If you are running a Server product, you can visit the Atlassian Server end of support announcement to review your migration options.

*Except Fisheye and Crucible

Problem

The announcement banner is currently creating a visible gap in the header. It is moving all page content at least 17px to the bottom, making the "count of issues" data in the search issues (list view) being hidden in the first look for the users.

announcement banner.mp4

Environment

  • This issue happens in the Jira 8.13 or newer;

Cause

The announcement banner is creating a visible gap in the header, and it's simply "pushing" down the anchor.
Therefore, the problem is not related to any broken HTML or JS, it's actually only a "resizing" matter caused by the announcement banner added.

Workaround

As with all recommendations made by Atlassian Support, please follow best practices for Change Management and test and validate these settings in a Test/Development and Staging environment prior to rolling any changes into a Production environment. This is to validate these changes and ensure that they will function well within your infrastructure prior to placing these changes in production.


You should be able to see the "count" of the issues by scrolling the mouse/touchpad with the cursor in the header or in the left part of your screen, in the filters made as favorite.

The banner's default stylesheet includes 8-pixel padding, and a 1-pixel border - giving it a minimum height of 17px. That's why we included the following code in the announcement banner to limit the size to 17px, narrowing the issue and making the count number shown directly.

<style type="text/css">
#announcement-banner {
  padding: 0px !important;
  height: 17px !important;
  border-bottom: none !important;
}
</style>



Last modified on Jan 26, 2021

Was this helpful?

Yes
No
Provide feedback about this article
Powered by Confluence and Scroll Viewport.