How to increase the width of the watchers selection box in Jira

お困りですか?

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

コミュニティに質問

プラットフォームについて: 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 は除く

本ページの内容には、Atlassian ソフトウェアのカスタマイズや拡張 (CSS ルール、HTML、JavaScript の追加/変更など) を行う手順が含まれています。アトラシアン サポートの提供 の通り、Atlassia 製品に加えられたカスタマイズはサポートされません。この資料は情報提供のみを目的として提供されています。内容はお客様自身の責任でご利用ください。

本件またはカスタマイズに関するご質問は、コミュニティの Atlassian Answers で質問してください。または、アトラシアン ソリューション パートナー にご相談いただくことをご検討ください。

 

要約

The width of the suggested watcher list may sometimes not be enough to differentiate users when they're listed on multiple directories or have long and similar names.
This how to article provide an unsupported addition to the announcement banner to tweak the width of the auto-suggestion watcher picker light box that appears once you start typing.

JRASERVER-71262 - 課題詳細を取得中... ステータス

環境

Validated in Jira 7.


ソリューション

Add the following code snippets to the announcement banner in Jira.

The default width for that field is 218px, so you may test values that work best for you:

<style type="text/css">
#watchers-multi-select {
    width: 260px !important;
}
</style>

Or this one, that would move the watcher selection box to the left. Note the second value should be slightly bigger than the firsts just for symmetry's sake. Again, test to reach a value that works best for you:

<style type="text/css">
#watchers-multi-select {
    width: 280px !important;
}
#inline-dialog-watchers {
    width: 300px !important;
}
</style>

The code above is unlikely to have side-effects in Jira, yet should you notice anything wrong on the user interface (UI), like scrambled layout or content not being rendered, we advice wiping out the announcement banner and testing again.



最終更新日 2020 年 7 月 6 日

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

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