From ad1fe0c9fbffd2ccc4cd429673bd15cfbf31e914 Mon Sep 17 00:00:00 2001
From: constraintAutomaton <constraintAutomaton@protonmail.com>
Date: Thu, 14 Oct 2021 18:03:11 -0400
Subject: [PATCH]  Make hover on watched video a smooth background transition
 #1750  (#1812)

* transition duration of 0.5s added to watched videos

* small code reformating

* extra white spaces deleted

* typo in the word transition corrected

* original whitespaces respected

* transition added when hovering end
---
 src/renderer/sass-partials/_ft-list-item.sass | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/renderer/sass-partials/_ft-list-item.sass b/src/renderer/sass-partials/_ft-list-item.sass
index 999573ff4..94bee7741 100644
--- a/src/renderer/sass-partials/_ft-list-item.sass
+++ b/src/renderer/sass-partials/_ft-list-item.sass
@@ -1,4 +1,5 @@
 $thumbnail-overlay-opacity: 0.85
+$watched-transition-duration: 0.5s
 
 @mixin is-result
   @at-root
@@ -26,10 +27,12 @@ $thumbnail-overlay-opacity: 0.85
   @at-root
     .watched &, .watched#{&}
       color: var(--tertiary-text-color)
+      transition-duration: $watched-transition-duration
 
     .watched:hover &, .watched:hover#{&}
       color: $col
-
+      transition-duration: $watched-transition-duration
+           
 .ft-list-item
   padding: 6px
 
@@ -39,9 +42,11 @@ $thumbnail-overlay-opacity: 0.85
 
     .thumbnailImage
       opacity: 0.3
+      transition-duration: $watched-transition-duration
 
     &:hover .thumbnailImage
       opacity: 1
+      transition-duration: $watched-transition-duration
 
   .videoThumbnail
     position: relative