zoriya/noctalia-shell
1
0
Fork 0
mirror of https://github.com/zoriya/noctalia-shell.git synced 2026-05-27 16:21:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

AudioCard: sleeker volume sliders

Browse Source
This commit is contained in:
ItsLemmy
2025-10-14 07:37:27 -04:00
parent 1a32c70158
commit 79b96567dc
3 changed files with 72 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Modules/ControlCenter/Cards/AudioCard.qml
+26 -50
View File
@@ -39,10 +39,10 @@ NBox {
}
}
ColumnLayout {
RowLayout {
anchors.fill: parent
anchors.margins: Style.marginM
spacing: 0
spacing: Style.marginM
// Output Volume Section
ColumnLayout {
@@ -59,7 +59,7 @@ NBox {
NIconButton {
icon: AudioService.muted ? "volume-off" : "volume-high"
baseSize: Style.baseWidgetSize * 0.5
colorFg: AudioService.muted ? Color.mError : Color.mOnSurfaceVariant
colorFg: AudioService.muted ? Color.mError : Color.mOnSurface
colorBg: Color.transparent
colorBgHover: Color.mTertiary
colorFgHover: Color.mOnTertiary
@@ -70,39 +70,27 @@ NBox {
}
}
RowLayout {
spacing: Style.marginXXS
NText {
text: AudioService.sink ? AudioService.sink.description : "No output device"
pointSize: Style.fontSizeXS
color: Color.mOnSurfaceVariant
font.weight: Style.fontWeightMedium
elide: Text.ElideRight
Layout.fillWidth: true
NText {
text: I18n.tr("settings.audio.volumes.output-volume.label")
pointSize: Style.fontSizeXS
color: Color.mOnSurface
font.weight: Style.fontWeightMedium
}
NText {
text: AudioService.sink ? AudioService.sink.description : "No output device"
pointSize: Style.fontSizeXS
color: Color.mOnSurfaceVariant
font.weight: Style.fontWeightMedium
elide: Text.ElideRight
Layout.fillWidth: true
}
}
}
// Output Volume Slider
NValueSlider {
NSlider {
Layout.fillWidth: true
from: 0
to: Settings.data.audio.volumeOverdrive ? 1.5 : 1.0
value: localOutputVolume || 0
stepSize: 0.01
text: Math.round((AudioService.volume || 0) * 100) + "%"
textSize: Style.fontSizeXS
customHeightRatio: 0.6
onMoved: value => localOutputVolume = value
heightRatio: 0.5
onMoved: localOutputVolume = value
tooltipText: `${Math.round((AudioService.volume || 0) * 100)}%`
tooltipDirection: "bottom"
}
}
@@ -121,46 +109,34 @@ NBox {
NIconButton {
icon: AudioService.inputMuted ? "microphone-off" : "microphone"
baseSize: Style.baseWidgetSize * 0.5
colorFg: AudioService.inputMuted ? Color.mError : Color.mOnSurfaceVariant
colorFg: AudioService.inputMuted ? Color.mError : Color.mOnSurface
colorBg: Color.transparent
colorBgHover: Color.mTertiary
colorFgHover: Color.mOnTertiary
onClicked: AudioService.setInputMuted(!AudioService.inputMuted)
}
RowLayout {
spacing: Style.marginXXS
NText {
text: AudioService.source ? AudioService.source.description : "No input device"
pointSize: Style.fontSizeXS
color: Color.mOnSurfaceVariant
font.weight: Style.fontWeightMedium
elide: Text.ElideRight
Layout.fillWidth: true
NText {
text: I18n.tr("settings.audio.volumes.input-volume.label")
pointSize: Style.fontSizeXS
color: Color.mOnSurface
font.weight: Style.fontWeightMedium
}
NText {
text: AudioService.source ? AudioService.source.description : "No input device"
pointSize: Style.fontSizeXS
color: Color.mOnSurfaceVariant
font.weight: Style.fontWeightMedium
elide: Text.ElideRight
Layout.fillWidth: true
}
}
}
// Input Volume Slider
NValueSlider {
NSlider {
Layout.fillWidth: true
from: 0
to: Settings.data.audio.volumeOverdrive ? 1.5 : 1.0
value: AudioService.inputVolume || 0
stepSize: 0.01
text: Math.round((AudioService.inputVolume || 0) * 100) + "%"
textSize: Style.fontSizeXS
customHeightRatio: 0.6
onMoved: value => AudioService.setInputVolume(value)
heightRatio: 0.5
onMoved: AudioService.setInputVolume(value)
tooltipText: `${Math.round((AudioService.inputVolume || 0) * 100)}%`
tooltipDirection: "bottom"
}
}
}
Modules/ControlCenter/ControlCenterPanel.qml
+1 -1
View File
@@ -55,7 +55,7 @@ NPanel {
readonly property int profileHeight: Math.round(64 * Style.uiScaleRatio)
readonly property int shortcutsHeight: Math.round(52 * Style.uiScaleRatio)
readonly property int audioHeight: Math.round(120 * Style.uiScaleRatio)
readonly property int audioHeight: Math.round(60 * Style.uiScaleRatio)
readonly property int weatherHeight: Math.round(190 * Style.uiScaleRatio)
readonly property int mediaSysMonHeight: Math.round(260 * Style.uiScaleRatio)