View Customize(Redmine):チケットの新規作成画面ならびにチケットの編集画面で文字を調整したい

README.md

View Customize(Redmine):チケットの新規作成画面ならびにチケットの編集画面でリストの文字を調整したい

はじめに

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

項目	値
RedMica	v3.1.2.stable (based on Redmine 6.0.1.devel)
View Customize plugin	v3.5.2
RedMica UI extension	v0.4.0
使用テーマ	デフォルト
ブラウザ	Google Chrome

表示のカスタマイズ設定

Note

RedMica UI extension 設定「セレクトボックスを検索可能にする」 がONの状態でも動作するようにしています。

また、カスタムフィールドのリストの例で示しているセレクタの 166 の部分はチケットのカスタムフィールドのIDに置き換えてください。カスタムフィールドの編集画面URLにアクセスした時の /custom_fields/166/edit の 166 がカスタムフィールドのIDです。

• パスのパターン: /issues/
• 挿入位置: 全ページのヘッダ
• 種別: CSS
• コード:

/* カスタムフィールドのリスト */
select#issue_custom_field_values_166, ul#select2-issue_custom_field_values_166-results li, span#select2-issue_custom_field_values_166-container {
  appearance: none;
  font-family: "Noto Sans", sans-serif !important;
  font-size: 13.3px !important;
  font-weight: 400 !important;
}

/* チケットのステータス */
select#issue_status_id, ul#select2-issue_status_id-results li, span#select2-issue_status_id-container {
  appearance: none;
  font-family: "Noto Sans", sans-serif !important;
  font-size: 13.3px !important;
  font-weight: 400 !important;
}

/* 他の項目も調整したい場合はHTMLを確認してCSSを追記してください。 */

---

参考情報：

• CSS - appearance - とほほのWWW入門
• CSS - font-size - とほほのWWW入門
• CSS - font-family - とほほのWWW入門
• CSS - font-weight - とほほのWWW入門

表示のカスタマイズ結果

ステータスやリストのCFの文字を調整した図

以上