From 2b3fc77417beeb91ceba32724e9172ee161ecb13 Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Fri, 6 Dec 2019 17:35:59 +0100
Subject: [PATCH] fix(taskSidebar): task selected hover controls color

---
 src/app/features/tasks/task/task.component.html |  2 +-
 src/app/features/tasks/task/task.component.scss | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app/features/tasks/task/task.component.html b/src/app/features/tasks/task/task.component.html
index 812a41c38c..70a887d635 100644
--- a/src/app/features/tasks/task/task.component.html
+++ b/src/app/features/tasks/task/task.component.html
@@ -134,7 +134,7 @@
       </div>
 
       <div class="controls">
-        <div class="hover-controls bg-card">
+        <div class="hover-controls">
           <button (click)="startTask()"
                   *ngIf="!task.isDone && !isCurrent && !task.subTasks"
                   class="ico-btn start-task-btn"
diff --git a/src/app/features/tasks/task/task.component.scss b/src/app/features/tasks/task/task.component.scss
index ff028d1b93..383ea1b5de 100644
--- a/src/app/features/tasks/task/task.component.scss
+++ b/src/app/features/tasks/task/task.component.scss
@@ -288,6 +288,20 @@
 
   .first-line:hover & {
     display: flex;
+    background: #fff;
+
+    @include darkTheme() {
+      background: $dark-theme-card-bg;
+    }
+
+    :host-context(.isLightTheme).isSelected & {
+      background: $light-theme-bg-darker;
+    }
+
+    :host-context(.isDarkTheme).isSelected & {
+      background: #222;
+    }
+
   }
 
   // extra hitarea