[prev in list] [next in list] [prev in thread] [next in thread] 

List:       kde-commits
Subject:    [discover] discover/qml: Improve interaction with screenshot thumbnails
From:       Aleix Pol <aleixpol () kde ! org>
Date:       2016-11-28 23:40:53
Message-ID: E1cBVXZ-0001Dm-7J () code ! kde ! org
[Download RAW message or body]

Git commit c86ad98743c4ca8cc78ecb3eb64910c14a649aa9 by Aleix Pol.
Committed on 28/11/2016 at 16:51.
Pushed by apol into branch 'master'.

Improve interaction with screenshot thumbnails

Add a busy indicator when loading
Polish hover effect

BUG: 372563

M  +8    -2    discover/qml/ApplicationScreenshots.qml

https://commits.kde.org/discover/c86ad98743c4ca8cc78ecb3eb64910c14a649aa9

diff --git a/discover/qml/ApplicationScreenshots.qml b/discover/qml/ApplicationScreenshots.qml
index e3b66c5..403f0b4 100644
--- a/discover/qml/ApplicationScreenshots.qml
+++ b/discover/qml/ApplicationScreenshots.qml
@@ -55,9 +55,15 @@ Flow {
             width: root.side
             fillMode: Image.PreserveAspectCrop
             smooth: true
-            opacity: mouse.containsMouse? 0.7 : 1
+            opacity: mouse.containsMouse? 0.5 : 1
 
-            Behavior on opacity { NumberAnimation { easing.type: Easing.OutQuad; duration: 500 } }
+            Behavior on opacity { NumberAnimation { easing.type: Easing.OutQuad; duration: 200 } }
+
+            BusyIndicator {
+                visible: running
+                running: parent.status == Image.Loading
+                anchors.centerIn: parent
+            }
 
             MouseArea {
                 id: mouse

[prev in list] [next in list] [prev in thread] [next in thread] 

Configure | About | News | Add a list | Sponsored by KoreLogic