GlosSIConfig: Show grid images on SHortcutProps background

GlosSIConfig/qml/RPane.qml

@@ -33,9 +33,7 @@ Pane {
         layer.enabled: control.enabled && control.Material.elevation > 0
         layer.effect: ElevationEffect {
             elevation: control.Material.elevation
-			clip: true
         }
-        clip: true
         Image {
             id: bgImage
             anchors.top: parent.top
@@ -45,7 +43,6 @@ Pane {
             source: bgImgSource ? bgImgSource : "qrc:/noise.png"
             fillMode: bgImgSource ? Image.PreserveAspectCrop : Image.Tile
             opacity: bgImgOpacity < 0 ? 0.035 : bgImgOpacity
-            clip: true
         }
     }
 }

GlosSIConfig/qml/ShortcutProps.qml

@@ -62,6 +62,32 @@ Item {
                     : 'qrc:/svg/add_photo_alternate_white_24dp.svg';
         }
     }
+	
+	Image {
+        id: bgImage
+        anchors.top: parent.top
+        anchors.left: parent.left
+        anchors.right: parent.right
+        fillMode: Image.PreserveAspectCrop
+        source: "file:///" + uiModel.getGridImagePath(shortcutInfo)
+        autoTransform: true
+        opacity: 0
+    }
+	
+	LinearGradient {
+        id: mask
+        anchors.fill: bgImage
+        gradient: Gradient {
+            GradientStop { position: 0.0; color: "#afFFFFFF"}
+            GradientStop { position: 0.7; color: "transparent" }
+            GradientStop { position: 1; color: "transparent" }
+        }
+    }
+    OpacityMask {
+        source: bgImage
+        maskSource: mask
+		anchors.fill: bgImage
+    }
 
     Flickable {
         id: flickable