Refactor Show display to remove extra elements

layouts/components/ContentViewElement.qml

@@ -25,13 +25,9 @@ Column {
         Repeater {
             property var provider: modelData
             model: repeaterModel
-            Item {
-                height: 300
-                width: 350 * 0.68
             ContentViewElementShow {
                 show: provider.getShow(modelData)
             }
         }
     }
 }
-}

layouts/components/ContentViewElementShow.qml

@@ -2,26 +2,29 @@ import QtQuick 2.12
 import QtQuick.Controls 1.4
 import QtGraphicalEffects 1.12
 
-Column {
-    property var show
-    anchors.fill: parent
 Item {
-        id: parentElem
-        property int baseHeight: 300
+    property var show
+    property int baseHeight: 350
     property int childHeight: baseHeight
     property int childWidth: baseHeight * 0.68
-        property int childHeightExpanded: baseHeight + 50
-        property int childWidthExpanded: (baseHeight + 50) * 0.68
+    property int childHeightExpanded: baseHeight * 15 / 14
+    property int childWidthExpanded: (baseHeight * 15 / 14) * 0.68
     property int borderWidth: 3
     property int borderRadius: 1
     property int borderRectHeight: childHeight + (borderWidth * 2)
     property int borderRectWidth: childWidth + (borderWidth * 2)
     property int borderRectHeightExpanded: childHeightExpanded + (borderWidth * 2)
     property int borderRectWidthExpanded: childWidthExpanded + (borderWidth * 2)
-        height: 300 + (borderWidth * 2)
-        width: (300 * 0.68) + (borderWidth * 2)
+
+    height: baseHeight
+    width: (baseHeight * 8 / 7) * 0.68
+    Column {
+        anchors.fill: parent
+        Item {
+            id: parentElem
             state: (elemSelected && (index == xIndex)) ? "selected" : "deselected"
             anchors.horizontalCenter: parent.horizontalCenter
+            anchors.fill: parent
             DropShadow {
                 id: dropShadow
                 anchors.fill: img
@@ -52,8 +55,8 @@ Column {
                     PropertyChanges {
                         target: rect
                         border.width: 0
-                    height: parent.borderRectHeight
-                    width: parent.borderRectWidth
+                        height: borderRectHeight
+                        width: borderRectWidth
                     }
                     PropertyChanges {
                         target: dropShadow
@@ -61,17 +64,17 @@ Column {
                     }
                     PropertyChanges {
                         target: img
-                    width: parent.childWidth
-                    height: parent.childHeight
+                        width: childWidth
+                        height: childHeight
                     }
                 },
                 State {
                     name: "selected"
                     PropertyChanges {
                         target: rect
-                    border.width: parent.borderWidth
-                    height: parent.borderRectHeightExpanded
-                    width: parent.borderRectWidthExpanded
+                        border.width: borderWidth
+                        height: borderRectHeightExpanded
+                        width: borderRectWidthExpanded
                     }
                     PropertyChanges {
                         target: dropShadow
@@ -79,8 +82,8 @@ Column {
                     }
                     PropertyChanges {
                         target: img
-                    width: parent.childWidthExpanded
-                    height: parent.childHeightExpanded
+                        width: childWidthExpanded
+                        height: childHeightExpanded
                     }
                 }
             ]
@@ -95,18 +98,5 @@ Column {
             ]
 
         }
-    //Item {width: 1; height: 15}
-    //Text {
-    //    text: show.title
-    //    color: "white"
-    //    font.pointSize: 14
-    //    anchors.horizontalCenter: parent.horizontalCenter
-    //}
-    //Item {width: 1; height: 5}
-    //Text {
-    //    text: show.year
-    //    color: "white"
-    //    font.pointSize: 14
-    //    anchors.horizontalCenter: parent.horizontalCenter
-    //}
+    }
 }