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

お困りですか?

アトラシアン コミュニティをご利用ください。

コミュニティに質問

アトラシアン社外秘

この記事は未検証なのでお客様と共有できません。

プラットフォームについて: Server および Data Center のみ。この記事は、Server および Data Center プラットフォームのアトラシアン製品にのみ適用されます。

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.

*Fisheye および Crucible は除く

問題

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

環境

  • This issue happens in the Jira 8.13 or newer;

原因

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.

回避策

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>



最終更新日: 2021 年 1 月 26 日

この内容はお役に立ちましたか?

はい
いいえ
この記事についてのフィードバックを送信する
Powered by Confluence and Scroll Viewport.