From 41a5105806b4dc4bbd466b01bb65c0f7871ee244 Mon Sep 17 00:00:00 2001
From: Marco Martin <notmart@gmail.com>
Date: Tue, 3 Apr 2012 13:48:42 +0200
Subject: [PATCH] use borders similar to the c++ widget

---
 .../plasmaextracomponents/qml/ScrollArea.qml  | 80 +++++++++++++++++++
 1 file changed, 80 insertions(+)

diff --git a/declarativeimports/plasmaextracomponents/qml/ScrollArea.qml b/declarativeimports/plasmaextracomponents/qml/ScrollArea.qml
index 997f7aaca..efea27b2c 100644
--- a/declarativeimports/plasmaextracomponents/qml/ScrollArea.qml
+++ b/declarativeimports/plasmaextracomponents/qml/ScrollArea.qml
@@ -36,6 +36,7 @@ Properties:
 
 import QtQuick 1.1
 import org.kde.plasma.components 0.1
+import org.kde.plasma.core 0.1 as PlasmaCore
 
 Item {
     id: root
@@ -152,4 +153,83 @@ Item {
             }
         }
     }
+    //FIXME: create all this stuff only on demand, like scrollbars?
+    PlasmaCore.Svg {
+        id: borderSvg
+        imagePath: "widgets/scrollwidget"
+    }
+    PlasmaCore.SvgItem {
+        svg: borderSvg
+        z: 1000
+        elementId: "border-top"
+        width: 100
+        height: naturalSize.height
+        opacity: flickableItem.atYBeginning ? 0 : 1
+        Behavior on opacity {
+            NumberAnimation {
+                duration: 250
+                easing.type: Easing.InOutQuad
+            }
+        }
+        anchors {
+            left: parent.left
+            top: parent.top
+            right: parent.right
+        }
+    }
+    PlasmaCore.SvgItem {
+        svg: borderSvg
+        z: 1000
+        elementId: "border-bottom"
+        width: 100
+        height: naturalSize.height
+        opacity: flickableItem.atYEnd ? 0 : 1
+        Behavior on opacity {
+            NumberAnimation {
+                duration: 250
+                easing.type: Easing.InOutQuad
+            }
+        }
+        anchors {
+            left: parent.left
+            bottom: parent.bottom
+            right: parent.right
+        }
+    }
+    PlasmaCore.SvgItem {
+        svg: borderSvg
+        z: 1000
+        elementId: "border-left"
+        width: naturalSize.width
+        opacity: flickableItem.atXBeginning ? 0 : 1
+        Behavior on opacity {
+            NumberAnimation {
+                duration: 250
+                easing.type: Easing.InOutQuad
+            }
+        }
+        anchors {
+            left: parent.left
+            top: parent.top
+            bottom: parent.bottom
+        }
+    }
+    PlasmaCore.SvgItem {
+        svg: borderSvg
+        z: 1000
+        elementId: "border-right"
+        width: naturalSize.width
+        opacity: flickableItem.atXEnd ? 0 : 1
+        Behavior on opacity {
+            NumberAnimation {
+                duration: 250
+                easing.type: Easing.InOutQuad
+            }
+        }
+        anchors {
+            top: parent.top
+            bottom: parent.bottom
+            right: parent.right
+        }
+    }
 }