In Forecast List View, Show Done & In-Progress tasks more clearly by christopher-hayes

/* ==UserStyle==
@name         Show In-Progress & Done list-view tasks more clearly
@version      20220503.16.03
@namespace    userstyles.world/user/christopher-hayes
@description  Make it more obvious in the task list view which tasks are in-progress and done.
@author       christopher-hayes
@license      No License
==/UserStyle== */

@-moz-document domain("app.forecast.it") {
/* Show done tasks more clearly */
[data-cy="task-row"] [title="Done"]::after {
  background-color: limegreen !important;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  top: 0;
  user-select: none;
  width: 100%;
  z-index: 0;
}

.drop-down-v2[title="Done"] {
  position: unset;
}
  
[data-cy="task-row"]:hover .drop-down-v2[title="Done"] {
  position: relative;
}

/* Show in-progress tasks more clearly */
[data-cy="task-row"] [title="In Progress"]::after {
  background-color: #a68bff !important;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  top: 0;
  user-select: none;
  width: 100%;
  z-index: 0;
}

.drop-down-v2[title="In Progress"] {
  position: unset;
}
  
[data-cy="task-row"]:hover .drop-down-v2[title="In Progress"] {
  position: relative;
}

}