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

Scaling: many improvements and fixes

Browse source 
- radius are not pixels, they should not be scaled
- use "screen" instead of "Screen" which helps a lot in some places
This commit is contained in:
quadbyte 2025-08-07 23:18:05 -04:00
parent eda65a9948
commit d3be5b760b
43 changed files with 532 additions and 538 deletions
Download patch file Download diff file Expand all files Collapse all files

40
Widgets/SidePanel/SystemMonitor.qml
View file

@ -8,8 +8,6 @@ import qs.Settings
Rectangle {
id: systemMonitor
width: 70 * Theme.scale(Screen)
height: 250 * Theme.scale(Screen)
color: "transparent"
// Track visibility state for panel integration
@ -19,26 +17,26 @@ Rectangle {
id: card
anchors.fill: parent
color: Theme.surface
radius: 18 * Theme.scale(Screen)
radius: 18
ColumnLayout {
anchors.fill: parent
anchors.margins: 8 * Theme.scale(Screen)
spacing: 12 * Theme.scale(Screen)
anchors.margins: 8 * Theme.scale(screen)
spacing: 12 * Theme.scale(screen)
Layout.alignment: Qt.AlignVCenter
// CPU usage indicator with circular progress bar
Item {
width: 50 * Theme.scale(Screen); height: 50 * Theme.scale(Screen)
width: 50 * Theme.scale(screen); height: 50 * Theme.scale(screen)
CircularProgressBar {
id: cpuBar
progress: Sysinfo.cpuUsage / 100
size: 50 * Theme.scale(Screen)
strokeWidth: 4 * Theme.scale(Screen)
size: 50 * Theme.scale(screen)
strokeWidth: 4 * Theme.scale(screen)
hasNotch: true
notchIcon: "speed"
notchIconSize: 14 * Theme.scale(Screen)
notchIconSize: 14 * Theme.scale(screen)
Layout.alignment: Qt.AlignHCenter
}
MouseArea {
@ -60,16 +58,16 @@ Rectangle {
// CPU temperature indicator with circular progress bar
Item {
width: 50 * Theme.scale(Screen); height: 50 * Theme.scale(Screen)
width: 50 * Theme.scale(screen); height: 50 * Theme.scale(screen)
CircularProgressBar {
id: tempBar
progress: Sysinfo.cpuTemp / 100
size: 50 * Theme.scale(Screen)
strokeWidth: 4 * Theme.scale(Screen)
size: 50 * Theme.scale(screen)
strokeWidth: 4 * Theme.scale(screen)
hasNotch: true
units: "°C"
notchIcon: "thermometer"
notchIconSize: 14 * Theme.scale(Screen)
notchIconSize: 14 * Theme.scale(screen)
Layout.alignment: Qt.AlignHCenter
}
MouseArea {
@ -91,15 +89,15 @@ Rectangle {
// Memory usage indicator with circular progress bar
Item {
width: 50 * Theme.scale(Screen); height: 50 * Theme.scale(Screen)
width: 50 * Theme.scale(screen); height: 50 * Theme.scale(screen)
CircularProgressBar {
id: memBar
progress: Sysinfo.memoryUsagePer / 100
size: 50 * Theme.scale(Screen)
strokeWidth: 4 * Theme.scale(Screen)
size: 50 * Theme.scale(screen)
strokeWidth: 4 * Theme.scale(screen)
hasNotch: true
notchIcon: "memory"
notchIconSize: 14 * Theme.scale(Screen)
notchIconSize: 14 * Theme.scale(screen)
Layout.alignment: Qt.AlignHCenter
}
MouseArea {
@ -121,15 +119,15 @@ Rectangle {
// Disk usage indicator with circular progress bar
Item {
width: 50 * Theme.scale(Screen); height: 50 * Theme.scale(Screen)
width: 50 * Theme.scale(screen); height: 50 * Theme.scale(screen)
CircularProgressBar {
id: diskBar
progress: Sysinfo.diskUsage / 100
size: 50 * Theme.scale(Screen)
strokeWidth: 4 * Theme.scale(Screen)
size: 50 * Theme.scale(screen)
strokeWidth: 4 * Theme.scale(screen)
hasNotch: true
notchIcon: "storage"
notchIconSize: 14 * Theme.scale(Screen)
notchIconSize: 14 * Theme.scale(screen)
Layout.alignment: Qt.AlignHCenter
}
MouseArea {