From d17aa196b698150d837dff551eafb780f8b05c7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luis=20=C3=81ngel=20San=20Mart=C3=ADn?=
 <luisangelsm@gmail.com>
Date: Sat, 9 Apr 2016 19:17:18 +0200
Subject: [PATCH] Animated border opacity in grid view when an item is selected
 or the mouse is hover.

---
 YACReaderLibrary/qml/GridComicsView.qml | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/YACReaderLibrary/qml/GridComicsView.qml b/YACReaderLibrary/qml/GridComicsView.qml
index ffda240c..3a5659cf 100644
--- a/YACReaderLibrary/qml/GridComicsView.qml
+++ b/YACReaderLibrary/qml/GridComicsView.qml
@@ -126,7 +126,13 @@ Rectangle {
                     }
 
                     border.color: (Qt.platform.os === "osx") ? selectedBorderColor : "#ffcc00"
-                    border.width:  (dummyValue || !dummyValue) && (comicsSelectionHelper.isSelectedIndex(index) || mouseArea.containsMouse) ? 3 : 0
+                    border.width: 3
+
+                    opacity: (dummyValue || !dummyValue) && (comicsSelectionHelper.isSelectedIndex(index) || mouseArea.containsMouse) ? 1 : 0
+
+                    Behavior on opacity {
+                        NumberAnimation { duration: 300 }
+                    }
 
                     radius : 2
                 }