Bar: more unified look on the left section
This commit is contained in:
parent
9990a88e90
commit
7e334ae768
2 changed files with 29 additions and 8 deletions
|
|
@ -69,9 +69,9 @@ Row {
|
||||||
text: getDisplayText()
|
text: getDisplayText()
|
||||||
font.pointSize: Style.fontSizeSmall * scaling
|
font.pointSize: Style.fontSizeSmall * scaling
|
||||||
font.weight: Style.fontWeightBold
|
font.weight: Style.fontWeightBold
|
||||||
|
elide: Text.ElideRight
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
verticalAlignment: Text.AlignVCenter
|
verticalAlignment: Text.AlignVCenter
|
||||||
elide: Text.ElideRight
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Mouse area for hover detection
|
// Mouse area for hover detection
|
||||||
|
|
|
||||||
|
|
@ -15,20 +15,41 @@ Item {
|
||||||
height: parent.height
|
height: parent.height
|
||||||
spacing: Style.spacingTiniest * scaling
|
spacing: Style.spacingTiniest * scaling
|
||||||
|
|
||||||
NIconButton {
|
// NIconButton {
|
||||||
icon: MediaPlayer.isPlaying ? "pause" : "play_arrow"
|
// icon: MediaPlayer.isPlaying ? "pause" : "play_arrow"
|
||||||
tooltipText: "Play/pause media"
|
// tooltipText: "Play/pause media"
|
||||||
sizeMultiplier: 0.8
|
// sizeMultiplier: 0.8
|
||||||
showBorder: false
|
// showBorder: false
|
||||||
onClicked: MediaPlayer.playPause()
|
// onClicked: MediaPlayer.playPause()
|
||||||
|
// }
|
||||||
|
NText {
|
||||||
|
text: MediaPlayer.isPlaying ? "pause" : "play_arrow"
|
||||||
|
font.family: "Material Symbols Outlined"
|
||||||
|
font.pointSize: Style.fontSizeLarge * scaling
|
||||||
|
verticalAlignment: Text.AlignVCenter
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
color: Colors.mPrimary
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
id: titleContainerMouseArea
|
||||||
|
anchors.fill: parent
|
||||||
|
|
||||||
|
onClicked: {
|
||||||
|
onClicked: MediaPlayer.playPause()
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Track info
|
// Track info
|
||||||
NText {
|
NText {
|
||||||
text: MediaPlayer.trackTitle + " - " + MediaPlayer.trackArtist
|
text: MediaPlayer.trackTitle + (MediaPlayer.trackArtist !== "" ? ` - {MediaPlayer.trackArtist}` : "")
|
||||||
color: Colors.mOnSurface
|
color: Colors.mOnSurface
|
||||||
font.pointSize: Style.fontSizeSmall * scaling
|
font.pointSize: Style.fontSizeSmall * scaling
|
||||||
|
font.weight: Style.fontWeightBold
|
||||||
elide: Text.ElideRight
|
elide: Text.ElideRight
|
||||||
|
|
||||||
|
verticalAlignment: Text.AlignVCenter
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
Layout.maximumWidth: 200 * scaling
|
Layout.maximumWidth: 200 * scaling
|
||||||
Layout.alignment: Qt.AlignVCenter
|
Layout.alignment: Qt.AlignVCenter
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue