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

Trying out a border on the sidepanel + fullhd fix

Browse source
This commit is contained in:
quadbyte 2025-08-07 17:52:54 -04:00
parent 3161ac6c83
commit a41bd64cf6
2 changed files with 53 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

6
Settings/Theme.qml
View file

@ -17,11 +17,11 @@ Singleton {
// Automatic scaling based on screen width
function scale(currentScreen) {
if (currentScreen !== undefined) {
var rawRatio = currentScreen.width / designScreenWidth
var rawRatio = currentScreen.width / designScreenWidth;
// Apply dampening to reduce scaling for higher resolutions
return Math.min(2.0, 1.0 + (rawRatio - 1.0) * scalingDampening)
return Math.min(2.0, 1.0 + (rawRatio - 1.0) * scalingDampening);
}
return 1.0
return 1.0;
}
function applyOpacity(color, opacity) {

85
Widgets/SidePanel/PanelPopup.qml
View file

@ -40,9 +40,11 @@ PanelWithOverlay {
Rectangle {
// Access the shell's SettingsWindow instead of creating a new one
id: sidebarPopupRect
// Necessary for the scaling to work on smaller screens
width: 530
property real slideOffset: width
property bool isAnimating: false
property int leftPadding: 20 * Theme.scale(Screen)
@ -50,21 +52,10 @@ PanelWithOverlay {
// Recording properties
property bool isRecording: false
Process {
id: checkRecordingProcess
command: ["pgrep", "-f", "gpu-screen-recorder.*portal"]
onExited: function(exitCode, exitStatus) {
var isActuallyRecording = exitCode === 0
if (isRecording && !isActuallyRecording) {
isRecording = isActuallyRecording
}
}
}
function checkRecordingStatus() {
if (isRecording) {
checkRecordingProcess.running = true
}
if (isRecording)
checkRecordingProcess.running = true;
}
function showAt() {
@ -79,6 +70,7 @@ PanelWithOverlay {
if (systemWidget)
systemWidget.panelVisible = true;
}
}
@ -86,8 +78,6 @@ PanelWithOverlay {
if (shell && shell.settingsWindow && shell.settingsWindow.visible)
shell.settingsWindow.visible = false;
if (sidebarPopup.visible) {
slideAnim.from = 0;
slideAnim.to = width;
@ -139,6 +129,18 @@ PanelWithOverlay {
}
Process {
id: checkRecordingProcess
command: ["pgrep", "-f", "gpu-screen-recorder.*portal"]
onExited: function(exitCode, exitStatus) {
var isActuallyRecording = exitCode === 0;
if (isRecording && !isActuallyRecording)
isRecording = isActuallyRecording;
}
}
// Prevent closing when clicking in the panel bg
MouseArea {
anchors.fill: parent
@ -159,6 +161,7 @@ PanelWithOverlay {
if (systemWidget)
systemWidget.panelVisible = false;
}
sidebarPopupRect.isAnimating = false;
}
@ -170,29 +173,43 @@ PanelWithOverlay {
Rectangle {
id: mainRectangle
color: "transparent"
anchors.top: sidebarPopupRect.top
width: sidebarPopupRect.width - sidebarPopupRect.leftPadding
height: sidebarPopupRect.height - sidebarPopupRect.bottomPadding
anchors.top: sidebarPopupRect.top
x: sidebarPopupRect.leftPadding + sidebarPopupRect.slideOffset
y: 0
color: Theme.backgroundPrimary
bottomLeftRadius: 20 * Theme.scale(Screen)
z: 0
Behavior on x {
enabled: !sidebarPopupRect.isAnimating
Rectangle {
color: Theme.backgroundPrimary
anchors.fill: parent
bottomLeftRadius: 20 * Theme.scale(Screen)
border.color: Theme.outline || "#444"
border.width: 1
anchors {
fill: parent
leftMargin: 0
rightMargin: -1
topMargin: -1
bottomMargin: 0
}
Behavior on x {
enabled: !sidebarPopupRect.isAnimating
NumberAnimation {
duration: 300
easing.type: Easing.OutCubic
}
NumberAnimation {
duration: 300
easing.type: Easing.OutCubic
}
}
}
// SettingsIcon component
SettingsIcon {
id: settingsModal
@ -212,25 +229,26 @@ PanelWithOverlay {
ColumnLayout {
anchors.fill: parent
anchors.margins: 20 * Theme.scale(Screen)
spacing: 4 * Theme.scale(Screen)
spacing: 8 * Theme.scale(Screen)
System {
id: systemWidget
settingsModal: settingsModal
settingsModal: settingsModal
Layout.alignment: Qt.AlignHCenter
z: 3
}
Weather {
id: weather
Layout.alignment: Qt.AlignHCenter
z: 2
}
// Music and System Monitor row
RowLayout {
spacing: 12 * Theme.scale(Screen)
spacing: 8 * Theme.scale(Screen)
Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter
@ -240,6 +258,7 @@ PanelWithOverlay {
SystemMonitor {
id: systemMonitor
z: 2
}
@ -279,8 +298,7 @@ PanelWithOverlay {
radius: 18 * Theme.scale(Screen)
border.color: Theme.accentPrimary
border.width: 1 * Theme.scale(Screen)
color: sidebarPopupRect.isRecording ? Theme.accentPrimary :
(recordButtonArea.containsMouse ? Theme.accentPrimary : "transparent")
color: sidebarPopupRect.isRecording ? Theme.accentPrimary : (recordButtonArea.containsMouse ? Theme.accentPrimary : "transparent")
Text {
anchors.centerIn: parent
@ -366,8 +384,6 @@ PanelWithOverlay {
}
}
Behavior on x {
@ -382,7 +398,6 @@ PanelWithOverlay {
}
}
}