From 7e334ae7683ca5d55a904bed97225dc9df97de33 Mon Sep 17 00:00:00 2001 From: quadbyte Date: Fri, 15 Aug 2025 21:17:52 -0400 Subject: [PATCH] Bar: more unified look on the left section --- Modules/Bar/ActiveWindow.qml | 2 +- Modules/Bar/MediaMini.qml | 35 ++++++++++++++++++++++++++++------- 2 files changed, 29 insertions(+), 8 deletions(-) diff --git a/Modules/Bar/ActiveWindow.qml b/Modules/Bar/ActiveWindow.qml index 822824b..d970734 100644 --- a/Modules/Bar/ActiveWindow.qml +++ b/Modules/Bar/ActiveWindow.qml @@ -69,9 +69,9 @@ Row { text: getDisplayText() font.pointSize: Style.fontSizeSmall * scaling font.weight: Style.fontWeightBold + elide: Text.ElideRight anchors.verticalCenter: parent.verticalCenter verticalAlignment: Text.AlignVCenter - elide: Text.ElideRight } // Mouse area for hover detection diff --git a/Modules/Bar/MediaMini.qml b/Modules/Bar/MediaMini.qml index 2a54498..4a06421 100644 --- a/Modules/Bar/MediaMini.qml +++ b/Modules/Bar/MediaMini.qml @@ -15,20 +15,41 @@ Item { height: parent.height spacing: Style.spacingTiniest * scaling - NIconButton { - icon: MediaPlayer.isPlaying ? "pause" : "play_arrow" - tooltipText: "Play/pause media" - sizeMultiplier: 0.8 - showBorder: false - onClicked: MediaPlayer.playPause() + // NIconButton { + // icon: MediaPlayer.isPlaying ? "pause" : "play_arrow" + // tooltipText: "Play/pause media" + // sizeMultiplier: 0.8 + // showBorder: false + // 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 NText { - text: MediaPlayer.trackTitle + " - " + MediaPlayer.trackArtist + text: MediaPlayer.trackTitle + (MediaPlayer.trackArtist !== "" ? ` - {MediaPlayer.trackArtist}` : "") color: Colors.mOnSurface font.pointSize: Style.fontSizeSmall * scaling + font.weight: Style.fontWeightBold elide: Text.ElideRight + + verticalAlignment: Text.AlignVCenter + anchors.verticalCenter: parent.verticalCenter Layout.maximumWidth: 200 * scaling Layout.alignment: Qt.AlignVCenter }