From 5dad14eafbf063dcca2894db57c119c0039f7bb0 Mon Sep 17 00:00:00 2001
From: molan-git <mol_an@sunrise.ch>
Date: Wed, 10 Jun 2020 11:44:58 +0200
Subject: [PATCH] ui-improvements

---
 qml/pages/components/EmojiSelect.qml     | 2 +-
 qml/pages/components/MediaFullScreen.qml | 1 +
 qml/pages/components/ProfileHeader.qml   | 8 ++++----
 qml/pages/components/ProfileImage.qml    | 5 +++--
 qml/pages/components/Toot.qml            | 4 ++--
 qml/pages/components/VisualContainer.qml | 5 ++++-
 6 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/qml/pages/components/EmojiSelect.qml b/qml/pages/components/EmojiSelect.qml
index 3e4f8fa..45a6f10 100644
--- a/qml/pages/components/EmojiSelect.qml
+++ b/qml/pages/components/EmojiSelect.qml
@@ -162,5 +162,5 @@ Component {
         }
     }
 
-}
 
+}
diff --git a/qml/pages/components/MediaFullScreen.qml b/qml/pages/components/MediaFullScreen.qml
index cd182f1..324fa76 100644
--- a/qml/pages/components/MediaFullScreen.qml
+++ b/qml/pages/components/MediaFullScreen.qml
@@ -319,6 +319,7 @@ FullscreenContentPage {
             FileDownloader.downloadFile(mediaURL, filename[filename.length-1]);
         }
     }
+
     VerticalScrollDecorator { flickable: imageFlickable }
 }
 
diff --git a/qml/pages/components/ProfileHeader.qml b/qml/pages/components/ProfileHeader.qml
index af2126d..e79402a 100644
--- a/qml/pages/components/ProfileHeader.qml
+++ b/qml/pages/components/ProfileHeader.qml
@@ -12,7 +12,7 @@ Item {
     property string bg: ""
 
     width: parent.width
-    height: icon.height + Theme.paddingLarge*2
+    height: avatarImage.height + Theme.paddingLarge*2
 
     Rectangle {
         id: bgImage
@@ -33,10 +33,10 @@ Item {
     }
 
     Image {
-        id: icon
+        id: avatarImage
         asynchronous: true
         source:
-            if (icon.status === Image.Error)
+            if (avatarImage.status === Image.Error)
                 source = "../../images/icon-l-profile.svg?" + (pressed
                                                                ? Theme.highlightColor
                                                                : Theme.primaryColor)
@@ -69,7 +69,7 @@ Item {
 
     Column {
         anchors {
-            left: icon.right
+            left: avatarImage.right
             leftMargin: Theme.paddingLarge
             right: parent.right
             rightMargin: Theme.paddingLarge
diff --git a/qml/pages/components/ProfileImage.qml b/qml/pages/components/ProfileImage.qml
index 38fdde0..1e000b0 100644
--- a/qml/pages/components/ProfileImage.qml
+++ b/qml/pages/components/ProfileImage.qml
@@ -3,9 +3,10 @@ import Sailfish.Silica 1.0
 
 FullscreenContentPage {
     id: profileImage
-    allowedOrientations: Orientation.All
 
-    property string image: ""
+        property string image: ""
+
+    allowedOrientations: Orientation.All
 
     Image {
         source: image
diff --git a/qml/pages/components/Toot.qml b/qml/pages/components/Toot.qml
index 6361ab5..190cd82 100644
--- a/qml/pages/components/Toot.qml
+++ b/qml/pages/components/Toot.qml
@@ -4,11 +4,11 @@ import QtGraphicalEffects 1.0
 
 
 BackgroundItem {
+    id: delegate
+
     signal send (string notice)
     signal navigateTo(string link)
 
-    id: delegate
-    //property string text: "0"
     width: parent.width
     height: lblText.paintedHeight + (lblText.text.length > 0 ? Theme.paddingLarge : 0 )+ lblName.paintedHeight + (type.length ? Theme.paddingLarge + iconRT.height : 0) + Theme.paddingLarge
 
diff --git a/qml/pages/components/VisualContainer.qml b/qml/pages/components/VisualContainer.qml
index 708c56e..2bb06a0 100644
--- a/qml/pages/components/VisualContainer.qml
+++ b/qml/pages/components/VisualContainer.qml
@@ -22,7 +22,10 @@ BackgroundItem {
         width: parent.width
         height: parent.height
         opacity: 0.3
-        color: Theme.highlightBackgroundColor
+        gradient: Gradient {
+                GradientStop { position: -1.5; color: "transparent" }
+                GradientStop { position: 0.6; color: Theme.highlightBackgroundColor }
+        }
     }
 
     Rectangle {