QA #1002
奈良 裕記 さんが約3年前に更新
h3. ■現象/要望
チケット一覧画面で、表示項目の幅は項目名の幅に左右されてしまう。
例えば、3桁の数字しか表示されない項目でも、項目名が長いと無駄な横幅を占有し、結果的に右側の項目が表示されなくなる。
チケット一覧画面単位で、項目の表示幅を調整可能にしたい。
項目名部分が1行に収まらず複数行になっても構わない。
h3. ■解決策（記入中）
view customizeにて、対象のチケット一覧画面に項目幅のCSS設定を行う事で対応可能
対応前後画面サンプルを示す。
後者では、各項目の表示幅を制限することで、右端の対象バージョン欄まで表示させている。
!issuelist-width-compare.png!
h4. viewcustomize 設定項目
h5. パスのパターン
挿入位置 全てのページのヘッダ
種別 CSS
パスのパターンは、適用範囲により異なる。
特定プロジェクトのすべてのチケット一覧/カスタムクエリに反映したい場合
/projects/PJ識別子/issues.*
特定プロジェクトの特定のカスタムクエリのみに反映したい場合（以下はquery_id=33の場合）
/projects/PJ識別子/issues?query_id=33.*
当該Redmine内の全PJに適用する場合
/issues.*
h5. 折り返し設定
項目名称、長文の折り返し設定
CSSで下記設定すればよい。英文折り返し位置など個別検討必要な部分もある。
下記には不要な物も混ざっている模様。（未検証）
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
overflow-wrap : break-word;
h5. 表示項目幅変更
CSSで下記の様に設定すればよい。
min-width: 40px;
width: 8%;
h5. CSSクラス指定
ヘッダ行指定(全列の初期値設定)
.table-list-header
各項目のヘッダ部分指定
th.
各項目のデータ部分指定
td.
カスタムフィールドの場合、 カスタムフィールド番号を含めて指定する。
例 td.cf_11.int
実際にはWebブラウザのデバッグ画面を参照して指定すること。
h3. ■対応状況
h3. ■補足
!https://unofficial-redmine.org/matomo/matomo.php?rec=1002! !https://unofficial-redmine.org/matomo/matomo.php?idsite=1&rec=1002!
戻る