Removed borders as they are hard to manage + scaling issues

This commit is contained in:
quadbyte 2025-08-07 21:17:28 -04:00
parent 19e1f8053e
commit eda65a9948
3 changed files with 40 additions and 86 deletions

View file

@ -51,18 +51,7 @@ Scope {
color: Theme.backgroundPrimary
anchors.top: parent.top
anchors.left: parent.left
Rectangle {
anchors.bottom: parent.bottom
width: parent.width
height: 1
color: "transparent"
border.color: Theme.outline || "#444"
border.width: 1
}
}
Row {
id: leftWidgetsRow

View file

@ -104,32 +104,13 @@ PanelWindow {
Rectangle {
id: activeWindowTitleContainer
color: "transparent"
color: Theme.backgroundPrimary
width: Math.min(barBackground.width - 200, activeWindowTitle.implicitWidth + (Settings.settings.showActiveWindowIcon ? 28 : 22)) + 16
height: activeWindowTitle.implicitHeight + 12
anchors.top: parent.top
anchors.horizontalCenter: parent.horizontalCenter
Rectangle {
id: innerRect
bottomLeftRadius: Math.max(0, width / 2)
bottomRightRadius: Math.max(0, width / 2)
color: Theme.backgroundPrimary
anchors {
fill: parent
leftMargin: 0
rightMargin: 0
topMargin: -1
bottomMargin: 0
}
border.color: Theme.outline || "#444";
border.width: 1;
IconImage {
id: icon
@ -159,7 +140,7 @@ PanelWindow {
verticalAlignment: Text.AlignVCenter
maximumLineCount: 1
}
}
}
}
}

View file

@ -42,9 +42,6 @@ PanelWithOverlay {
// 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)
@ -116,6 +113,8 @@ PanelWithOverlay {
isRecording = false;
}
// Necessary for the scaling to work on smaller screens
width: 526
implicitWidth: 500 * Theme.scale(Screen)
implicitHeight: 700 * Theme.scale(Screen)
visible: parent.visible
@ -173,28 +172,15 @@ PanelWithOverlay {
Rectangle {
id: mainRectangle
color: "transparent"
anchors.top: sidebarPopupRect.top
width: sidebarPopupRect.width - sidebarPopupRect.leftPadding
height: sidebarPopupRect.height - sidebarPopupRect.bottomPadding
x: sidebarPopupRect.leftPadding + sidebarPopupRect.slideOffset
y: 0
z: 0
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
@ -208,8 +194,6 @@ PanelWithOverlay {
}
}
// SettingsIcon component
SettingsIcon {
id: settingsModal