Make properties for miniplayer size

This commit is contained in:
Bart De Vries 2021-04-09 12:01:20 +02:00
parent 5d5ca2c58b
commit a4dea193ad

View File

@ -15,12 +15,15 @@ import org.kde.kirigami 2.12 as Kirigami
import org.kde.alligator 1.0 import org.kde.alligator 1.0
Item { Item {
property int miniplayerheight: Kirigami.Units.gridUnit * 3
property int progressbarheight: Kirigami.Units.gridUnit / 6
property int buttonsize: Kirigami.Units.gridUnit * 2
anchors.right: parent.right anchors.right: parent.right
anchors.left: parent.left anchors.left: parent.left
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
width: parent.width width: parent.width
//height: (audio.entry == undefined || audio.playerOpen) ? 0 : Kirigami.Units.gridUnit * 3.5 + (Kirigami.Units.gridUnit / 6) //height: (audio.entry == undefined || audio.playerOpen) ? 0 : Kirigami.Units.gridUnit * 3.5 + (Kirigami.Units.gridUnit / 6)
height: Kirigami.Units.gridUnit * 3.5 + (Kirigami.Units.gridUnit / 6) height: miniplayerheight + progressbarheight
//margins.bottom: miniprogressbar.height //margins.bottom: miniprogressbar.height
visible: (audio.entry !== undefined) && !audio.playerOpen visible: (audio.entry !== undefined) && !audio.playerOpen
@ -36,7 +39,7 @@ Item {
z: 1 z: 1
anchors.top: parent.top anchors.top: parent.top
anchors.left: parent.left anchors.left: parent.left
height: Kirigami.Units.gridUnit / 6 height: parent.progressbarheight
color: Kirigami.Theme.highlightColor color: Kirigami.Theme.highlightColor
width: parent.width * audio.position / audio.duration width: parent.width * audio.position / audio.duration
visible: true visible: true
@ -103,11 +106,11 @@ Item {
Controls.Button { Controls.Button {
id: playButton id: playButton
icon.name: audio.playbackState === Audio.PlayingState ? "media-playback-pause" : "media-playback-start" icon.name: audio.playbackState === Audio.PlayingState ? "media-playback-pause" : "media-playback-start"
icon.height: Kirigami.Units.gridUnit * 2.5 icon.height: parent.parent.buttonsize //Kirigami.Units.gridUnit * 2.5
icon.width: Kirigami.Units.gridUnit * 2.5 icon.width: parent.parent.buttonsize //Kirigami.Units.gridUnit * 2.5
flat: true flat: true
Layout.fillHeight: true Layout.fillHeight: true
Layout.maximumHeight: Kirigami.Units.gridUnit *3.5 Layout.maximumHeight: parent.parent.miniplayerheight
Layout.maximumWidth: height Layout.maximumWidth: height
onClicked: audio.playbackState === Audio.PlayingState ? audio.pause() : audio.play() onClicked: audio.playbackState === Audio.PlayingState ? audio.pause() : audio.play()
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter