Modified Banner.

ScreenPlay/ScreenPlayAssets.qrc

@@ -130,5 +130,6 @@
         <file>assets/icons/brand_reddit.svg</file>
         <file>assets/icons/steam_default_avatar.png</file>
         <file>assets/macos/app.screenplay.plist</file>
+        <file>assets/icons/item_banner_new.svg</file>
     </qresource>
 </RCC>

ScreenPlay/assets/icons/item_banner_new.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 320 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(0.319516,0.319516,-0.498372,0.498372,302.434,-166.795)">
+        <path d="M350.406,189.405L226.597,189.405L189.603,213.123L387.4,213.123L350.406,189.405Z" style="fill:rgb(255,152,0);"/>
+    </g>
+</svg>

ScreenPlay/qml/Installed/ScreenPlayItem.qml

@@ -18,7 +18,7 @@ Item {
     property int itemIndex
     property bool isScrolling: false
     property bool isNew:false
-     Component.onCompleted:print(isNew)
+    Component.onCompleted:print(isNew)
     signal openContextMenu(point position)
 
     width: 320
@@ -190,29 +190,26 @@ Item {
                 }
 
             }
-            Rectangle{
-               x:259.5 ; y:8 ; width: 59; height: 28
-               radius: 5
-                color: "lightblue"
-                 transform: Rotation { origin.x: 30; origin.y: 30; }
-                anchors
-                {
-                    right: root.right
-                    left:root.right
-                }
-
-            Text
-            {
-                font.family:"Comic Sans Ms";font.pointSize: 11; font.bold: true;font.italic: true
-                color: "grey"
-                text: qsTr("New!")
-                anchors{
-                    centerIn: parent
-                }
-
+            Image {
+                id: new_banner
+                source: "qrc:/assets/icons/item_banner_new.svg"
                 visible: root.isNew
+
+                Text
+                {
+
+                    font.family:"Helvetica";font.bold: true;font.pointSize:9.5; font.italic: true
+                    color: "#AAffffff"
+                    text: qsTr("NEW")
+                    anchors{
+                        right: new_banner.right
+                        top: new_banner.TopLeft
+
+                    }
+                     transform:  Rotation{ origin.y:12; angle:45}
+                    visible: root.isNew
+                }
             }
-               }
         }
 
         OpacityMask {