Improve display of tasks and document lists

[hirata0813]

やったこと

• タスク，文書一覧の表示を改善した

背景

• 2025/7/18時点での Rask は，以下2つのような理由から，タグで絞った際のタスク，文書一覧の見た目が良くない

1. タスク一覧では，タスクのタイトルと担当者しか表示されない
2. 文書一覧では，文書のタイトルしか表示されない

• そこで，そこで，タグで絞った際の一覧表示を改善する
• また，タスク，文書一覧の表示についても改めて見直し，改善する

変更点

1. タスクで絞ったタスク・文書を，それぞれの一覧と同じ表示に統一した

• app/views/tags/show.html.erb から読み込むパーシャルを変更．

2. 期限までの日数の表示が派手なため，見やすくした

• rask/app/assets/stylesheets/tasks.scss を変更．文字のサイズを小さくして，色を変更した．

3. タスク画面で各タスクについて詳細，編集，削除と表示されているが，タスク名をクリックすれば詳細が開くため消した．

• app/views/tasks/_task.html.erb，app/views/tasks/show.html.erb を変更．
• 文書画面については，編集ボタンのみ残した．これにあたり，app/views/documents/_document.html.erb，app/views/documents/show.html.erb を変更．

4. タスクのタイトルの文字サイズが大きく見にくいため，いい感じのサイズに変更した

• 文字のサイズを小さくするための，.text-smallクラスを定義し，app/views/tasks/_task.html.erbのタスクタイトルを表示するタグに，そのクラスを適用
• ドキュメントの方も同様の修正を行った

5. タスク・文書一覧のタイトルが長い場合，「タスク名〜...」のように表示されるようにした

• app/views/tasks/_task.html.erb，app/views/documents/_document.html.erbそれぞれでtruncateを用いた．

6. タスク・文書一覧の開始日や作成者などの情報を見やすくした

• 名前，開始日を1行にまとめた．
• app/views/tasks/_task.html.erb，app/views/tasks/show.html.erb を変更．

7. 文書やタスクの一覧画面で各項目について表示されるタグのサイズを改善した

• タグサイズを小さくした．また，アイコン形式のタグではなく，文字を太字にし，オレンジ色にした．
• app/views/tasks/_task.html.erb，app/views/tasks/show.html.erb を変更．

8. 完了したタスクについて期限の項目が表示されないようにした

• app/views/tasks/_task.html.erb において，期限を表示する部分をtaskがcompletedではない場合のみ表示するように変更した