never/noctalia-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

NSlider: now support label and description

Browse source 
- was a little tricky, got many crashed due to layout issue with
Layout.fillWidth: true
This commit is contained in:
quadbyte 2025-08-12 23:05:38 -04:00
parent 5c9c61cf81
commit d06679aad6
4 changed files with 180 additions and 197 deletions
Download patch file Download diff file Expand all files Collapse all files

23
Modules/Demo/DemoPanel.qml
View file

@ -62,22 +62,18 @@ NLoader {
}
RowLayout {
spacing: Style.marginSmall * scaling
NText {
text: `${Math.round(Scaling.overrideScale * 100)}%`
Layout.alignment: Qt.AlignVCenter
}
NSlider {
id: scaleSlider
from: 0.6
to: 1.8
stepSize: 0.01
value: Scaling.overrideScale
label: "Scaling"
description: "Scaling goes brrrr"
valueSuffix: "%"
from: 60
to: 180
stepSize: 1
value: Scaling.overrideScale * 100
implicitWidth: bgRect.width * 0.75
onMoved: {
Scaling.overrideScale = value
}
onPressedChanged: {
onPressedChanged: function (pressed, value) {
Scaling.overrideEnabled = true
Scaling.overrideScale = value / 100
}
}
NIconButton {
@ -86,6 +82,7 @@ NLoader {
onClicked: {
Scaling.overrideEnabled = false
Scaling.overrideScale = 1.0
console.log("Reset!")
}
}
}

1
Modules/Settings/SettingsPanel.qml
View file

@ -7,7 +7,6 @@ import qs.Modules.Settings.Tabs as Tabs
import qs.Services
import qs.Widgets
NLoader {
id: root

162
Modules/Settings/Tabs/Wallpaper.qml
View file

@ -116,49 +116,19 @@ ColumnLayout {
}
// Wallpaper Interval
ColumnLayout {
spacing: 8
NSlider {
label: "Wallpaper Interval"
description: "How often to change wallpapers automatically (in seconds)"
valueSuffix: "s"
from: 10
to: 900
stepSize: 10
value: Settings.data.wallpaper.randomInterval
onPressedChanged: function (pressed, value) {
Settings.data.wallpaper.randomInterval = Math.round(value)
}
cutoutColor: Colors.backgroundPrimary
Layout.fillWidth: true
Layout.topMargin: 8
NText {
text: "Wallpaper Interval"
font.pointSize: 13
font.weight: Style.fontWeightBold
color: Colors.textPrimary
}
NText {
text: "How often to change wallpapers automatically (in seconds)"
font.pointSize: 12
color: Colors.textSecondary
wrapMode: Text.WordWrap
Layout.fillWidth: true
}
RowLayout {
Layout.fillWidth: true
NText {
text: Settings.data.wallpaper.randomInterval + " seconds"
font.pointSize: 13
color: Colors.textPrimary
}
Item {
Layout.fillWidth: true
}
}
NSlider {
Layout.fillWidth: true
from: 10
to: 900
stepSize: 10
value: Settings.data.wallpaper.randomInterval
onPressedChanged: Settings.data.wallpaper.randomInterval = Math.round(value)
cutoutColor: Colors.backgroundPrimary
}
}
}
@ -259,95 +229,35 @@ ColumnLayout {
}
// Transition FPS
ColumnLayout {
spacing: 8
NSlider {
label: "Transition FPS"
description: "Frames per second for transition animations"
valueSuffix: " FPS"
from: 30
to: 500
stepSize: 5
value: Settings.data.wallpaper.swww.transitionFps
onPressedChanged: function (pressed, value) {
Settings.data.wallpaper.swww.transitionFps = Math.round(value)
}
cutoutColor: Colors.backgroundPrimary
Layout.fillWidth: true
Layout.topMargin: 8
NText {
text: "Transition FPS"
font.pointSize: 13
font.weight: Style.fontWeightBold
color: Colors.textPrimary
}
NText {
text: "Frames per second for transition animations"
font.pointSize: 12
color: Colors.textSecondary
wrapMode: Text.WordWrap
Layout.fillWidth: true
}
RowLayout {
Layout.fillWidth: true
NText {
text: Settings.data.wallpaper.swww.transitionFps + " FPS"
font.pointSize: 13
color: Colors.textPrimary
}
Item {
Layout.fillWidth: true
}
}
NSlider {
Layout.fillWidth: true
from: 30
to: 500
stepSize: 5
value: Settings.data.wallpaper.swww.transitionFps
onPressedChanged: Settings.data.wallpaper.swww.transitionFps = Math.round(value)
cutoutColor: Colors.backgroundPrimary
}
}
// Transition Duration
ColumnLayout {
spacing: 8
NSlider {
label: "Transition Duration"
description: "Duration of transition animations in seconds"
valueSuffix: "s"
from: 0.25
to: 10
stepSize: 0.05
value: Settings.data.wallpaper.swww.transitionDuration
onPressedChanged: function (pressed, value) {
Settings.data.wallpaper.swww.transitionDuration = value
}
cutoutColor: Colors.backgroundPrimary
Layout.fillWidth: true
Layout.topMargin: 8
NText {
text: "Transition Duration"
font.pointSize: 13
font.weight: Style.fontWeightBold
color: Colors.textPrimary
}
NText {
text: "Duration of transition animations in seconds"
font.pointSize: 12
color: Colors.textSecondary
wrapMode: Text.WordWrap
Layout.fillWidth: true
}
RowLayout {
Layout.fillWidth: true
NText {
text: Settings.data.wallpaper.swww.transitionDuration.toFixed(3) + " seconds"
font.pointSize: 13
color: Colors.textPrimary
}
Item {
Layout.fillWidth: true
}
}
NSlider {
Layout.fillWidth: true
from: 0.25
to: 10
stepSize: 0.05
value: Settings.data.wallpaper.swww.transitionDuration
onPressedChanged: Settings.data.wallpaper.swww.transitionDuration = value
cutoutColor: Colors.backgroundPrimary
}
}
}
}