完了したタスクをグレーアウトするのではなく、ハイライト等で目立たせる機能がほしい

新たにフィールド作成+色の管理を付与等の作業を行うのではなく、完了したタスクをハイライトなどで目立たせる機能があると有難いです。(現状のグレーアウトでは見えづらいという声があがっています)

1 Like

@Kazumi_Mishima さん、Asanaフォーラムへようこそ!ご要望ありがとうございます。

グレーアウトしたテキストが読みづらいのを解決したいという目的でよろしいでしょうか?
もし読み違えておりましたらお知らせください。

タスクが完了済みになっていることを示し、目立たなくさせるためにあえてグレー表示していると思うので、Asana公式で機能が追加される可能性は低そうです。ユーザー側でなんとかする必要がある気がします。

現在のグレーアウト色CSS

.SpreadsheetGridTaskNameAndDetailsCellGroup-taskName--completed {
    color: var(--color-text-disabled);
}

個別のタスクについては、クリックして右ウィンドウに開くことで文字色が濃くなって読みやすくなります。


タスクリストのタスクはCSSを書き換えることで色を変更することは可能です。

StylishというChrome拡張機能を利用するか、ブックマークレットを利用し、color を var(--color-success-text) や16進コードを指定すると好きな色に変えられます。

完了のグリーンに合わせたCSS

.SpreadsheetGridTaskNameAndDetailsCellGroup-taskName--completed {
    color: var(--color-success-text);
}

ブックマークレットの場合

javascript:(function() {
  document.completeTaskTextColor = !document.completeTaskTextColor;
  const styleSheet = document.styleSheets[0];
  const styleLength = styleSheet.cssRules.length;
  if (document.completeTaskTextColor){
    styleSheet.insertRule('.SpreadsheetGridTaskNameAndDetailsCellGroup-taskName--completed {color: var(--color-success-text) !important;}', styleLength);
  } else {
    styleSheet.deleteRule(styleLength - 1);
  }
})();
2 Likes

@Kazumi_Mishima さん、こんにちは
少し気になるので、教えてください。

現状では、次のイメージのように、(WindowsのEdgeで)
完了したタスクの文字はグレーアウトするので少し分かりにくいとは思うのですが、
タスクの頭の完了マークが、白抜きから緑抜きに変わることで、判読は出来るのかなと。
・リスト表示だと、慣れると違和感を感じにくいですかね。
image
・ボード表示だと、緑抜きの緑がリスト表示時より薄いようで、分かりにくいかも。
image

逆に、完了したらハイライトされると、目立ちすぎてこまりませんか?

@ShunS さんのアドバイスのように、色を変えるのも良いかもですね。

個人的には、完了したら、*イタリック体(斜体)*とかに、出来ると良いかもですね。

1 Like