diff --git a/layouts/components/ContentView/Show.qml b/layouts/components/ContentView/Show.qml index f300d9f..d01afd6 100644 --- a/layouts/components/ContentView/Show.qml +++ b/layouts/components/ContentView/Show.qml @@ -18,85 +18,81 @@ Item { height: baseHeight width: (baseHeight * 8 / 7) * 0.68 - Column { + Item { + id: parentElem + state: (elemSelected && (index == xIndex)) ? "selected" : "deselected" + anchors.horizontalCenter: parent.horizontalCenter 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 - verticalOffset: 15 - samples: 80 - opacity: 0.5 - color: "black" - source: img - } - Rectangle { - id: rect - color: "transparent" - border.color: "orange" - anchors.horizontalCenter: parent.horizontalCenter - anchors.verticalCenter: parent.verticalCenter - radius: parent.borderRadius - } - Image { - id: img - anchors.horizontalCenter: parent.horizontalCenter - anchors.verticalCenter: parent.verticalCenter - source: show.poster - mipmap: true - } - states: [ - State { - name: "deselected" - PropertyChanges { - target: rect - border.width: 0 - height: borderRectHeight - width: borderRectWidth - } - PropertyChanges { - target: dropShadow - visible: false - } - PropertyChanges { - target: img - width: childWidth - height: childHeight - } - }, - State { - name: "selected" - PropertyChanges { - target: rect - border.width: borderWidth - height: borderRectHeightExpanded - width: borderRectWidthExpanded - } - PropertyChanges { - target: dropShadow - visible: true - } - PropertyChanges { - target: img - width: childWidthExpanded - height: childHeightExpanded - } - } - ] - transitions: [ - Transition { - NumberAnimation { - properties: "border.width,width,height" - duration: 100 - easing.type: Easing.Linear - } - } - ] - + DropShadow { + id: dropShadow + anchors.fill: img + verticalOffset: 15 + samples: 80 + opacity: 0.5 + color: "black" + source: img } + Rectangle { + id: rect + color: "transparent" + border.color: "orange" + anchors.horizontalCenter: parent.horizontalCenter + anchors.verticalCenter: parent.verticalCenter + radius: borderRadius + } + Image { + id: img + anchors.horizontalCenter: parent.horizontalCenter + anchors.verticalCenter: parent.verticalCenter + source: show.poster + mipmap: true + } + states: [ + State { + name: "deselected" + PropertyChanges { + target: rect + border.width: 0 + height: borderRectHeight + width: borderRectWidth + } + PropertyChanges { + target: dropShadow + visible: false + } + PropertyChanges { + target: img + width: childWidth + height: childHeight + } + }, + State { + name: "selected" + PropertyChanges { + target: rect + border.width: borderWidth + height: borderRectHeightExpanded + width: borderRectWidthExpanded + } + PropertyChanges { + target: dropShadow + visible: true + } + PropertyChanges { + target: img + width: childWidthExpanded + height: childHeightExpanded + } + } + ] + transitions: [ + Transition { + NumberAnimation { + properties: "border.width,width,height" + duration: 100 + easing.type: Easing.Linear + } + } + ] } }