Skip to content

Instantly share code, notes, and snippets.

@maeda-m
Last active February 2, 2024 04:17
Show Gist options
  • Save maeda-m/f74ebe9e52b8411be94902f963eabff6 to your computer and use it in GitHub Desktop.
Save maeda-m/f74ebe9e52b8411be94902f963eabff6 to your computer and use it in GitHub Desktop.
View Customize(Redmine):チケット編集フォームにおけるラベルの折り返しを調整したい

View Customize(Redmine):チケット編集フォームにおけるラベルの折り返しを調整したい

はじめに

下表の環境で動作確認はしましたが、継続的に利用できることや不具合が生じないことを保証するものではありません。 無保証ですので一切の責任を負わないものとします。自己責任でご利用ください。

項目 値          
RedMica v2.4.1.stable (based on Redmine 5.1.1.devel)
View Customize plugin v3.5.0
使用テーマ Bleuclair
ブラウザ       Google Chrome

表示のカスタマイズ

好みもあるため2種類のカスタマイズ内容を示します。

  1. 日本語単語を途中で改行させたくない場合のカスタマイズ内容
  2. 日本語単語を途中で改行させてもいいが改行位置のバランスを取りたい場合のカスタマイズ内容

1. 日本語単語を途中で改行させたくない場合のカスタマイズ内容

  • パスのパターン: /issues
  • 挿入位置: チケット入力欄の下
  • 種別: CSS
  • コード:
.new_issue .tabular label,
.edit_issue .tabular label {
  word-break: keep-all !important;
  font-size: 13px; /* お好みで調整してください */
}

参考情報: word-break - CSS: カスケーディングスタイルシート | MDN

2. 日本語単語を途中で改行させてもいいがバランスを取りたい場合のカスタマイズ内容

  • パスのパターン: /issues
  • 挿入位置: チケット入力欄の下
  • 種別: CSS
  • コード:
.new_issue .tabular label,
.edit_issue .tabular label {
  text-wrap: balance !important;
  font-size: 13px; /* お好みで調整してください */
}

参考情報: text-wrap - CSS: Cascading Style Sheets | MDN

以上

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment