From 773bc1a799134c21b11d1a98956a94289055a5e7 Mon Sep 17 00:00:00 2001
From: Christiaan Janssen <christiaan.janssen@nokia.com>
Date: Thu, 21 Jul 2011 14:47:45 +0200
Subject: [PATCH] QmlProfiler: semitransparent gap in zoom indicator

Change-Id: I0dcb7dabdb2f276d509a8c4eb09e02f8af56cbed
Reviewed-on: http://codereview.qt.nokia.com/1953
Reviewed-by: Qt Sanity Bot <qt_sanity_bot@ovi.com>
Reviewed-by: Christiaan Janssen <christiaan.janssen@nokia.com>
---
 src/plugins/qmlprofiler/qml/RangeMover.qml | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/plugins/qmlprofiler/qml/RangeMover.qml b/src/plugins/qmlprofiler/qml/RangeMover.qml
index 14443783b87..9366a00daea 100644
--- a/src/plugins/qmlprofiler/qml/RangeMover.qml
+++ b/src/plugins/qmlprofiler/qml/RangeMover.qml
@@ -40,6 +40,7 @@ Item {
 
     property color lighterColor:"#cc80b2f6"
     property color darkerColor:"#cc6da1e8"
+    property color gapColor: "#666da1e8"
     property real value: (canvas.canvasWindow.x + x) * Plotter.xScale(canvas)
     property real zoomWidth: 20
     onZoomWidthChanged: timeDisplayLabel.hideAll();
@@ -62,8 +63,6 @@ Item {
     Rectangle {
         id: frame
         color:"transparent"
-        border.width: 1
-        border.color: darkerColor
         anchors.fill: parent
         anchors.rightMargin: 1
         anchors.bottomMargin: 1
@@ -71,13 +70,18 @@ Item {
 
     Rectangle {
         id: rect
-
         color: lighterColor
         width: parent.zoomWidth
         height: parent.height
     }
 
-
+    Rectangle {
+        id: gapRect
+        color: gapColor
+        anchors.left: rect.right
+        anchors.right: rightRange.left
+        height: parent.height
+    }
 
     Rectangle {
         id: leftRange