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

Removed borders as they are hard to manage + scaling issues

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

11
Bar/Bar.qml
View file

@ -51,19 +51,8 @@ Scope {
color: Theme.backgroundPrimary color: Theme.backgroundPrimary
anchors.top: parent.top anchors.top: parent.top
anchors.left: parent.left 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 { Row {
id: leftWidgetsRow id: leftWidgetsRow

79
Bar/Modules/ActiveWindow.qml
View file

@ -104,62 +104,43 @@ PanelWindow {
Rectangle { Rectangle {
id: activeWindowTitleContainer id: activeWindowTitleContainer
color: "transparent" color: Theme.backgroundPrimary
width: Math.min(barBackground.width - 200, activeWindowTitle.implicitWidth + (Settings.settings.showActiveWindowIcon ? 28 : 22)) + 16 width: Math.min(barBackground.width - 200, activeWindowTitle.implicitWidth + (Settings.settings.showActiveWindowIcon ? 28 : 22)) + 16
height: activeWindowTitle.implicitHeight + 12 height: activeWindowTitle.implicitHeight + 12
anchors.top: parent.top anchors.top: parent.top
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
bottomLeftRadius: Math.max(0, width / 2)
bottomRightRadius: Math.max(0, width / 2)
Rectangle { IconImage {
id: innerRect id: icon
width: 12
height: 12
anchors.left: parent.left
anchors.leftMargin: 14
anchors.verticalCenter: parent.verticalCenter
source: ToplevelManager?.activeToplevel ? getIcon() : ""
visible: Settings.settings.showActiveWindowIcon
anchors.verticalCenterOffset: -3
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
width: 12
height: 12
anchors.left: parent.left
anchors.leftMargin: 14
anchors.verticalCenter: parent.verticalCenter
source: ToplevelManager?.activeToplevel ? getIcon() : ""
visible: Settings.settings.showActiveWindowIcon
anchors.verticalCenterOffset: -3
}
Text {
id: activeWindowTitle
text: ToplevelManager?.activeToplevel?.title && ToplevelManager?.activeToplevel?.title.length > 60 ? ToplevelManager?.activeToplevel?.title.substring(0, 60) + "..." : ToplevelManager?.activeToplevel?.title || ""
font.pixelSize: 12 * Theme.scale(Screen)
color: Theme.textSecondary
anchors.left: icon.right
anchors.leftMargin: Settings.settings.showActiveWindowIcon ? 4 : 6
anchors.right: parent.right
anchors.rightMargin: 14
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: -3
horizontalAlignment: Settings.settings.showActiveWindowIcon ? Text.AlignRight : Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
maximumLineCount: 1
}
} }
Text {
id: activeWindowTitle
text: ToplevelManager?.activeToplevel?.title && ToplevelManager?.activeToplevel?.title.length > 60 ? ToplevelManager?.activeToplevel?.title.substring(0, 60) + "..." : ToplevelManager?.activeToplevel?.title || ""
font.pixelSize: 12 * Theme.scale(Screen)
color: Theme.textSecondary
anchors.left: icon.right
anchors.leftMargin: Settings.settings.showActiveWindowIcon ? 4 : 6
anchors.right: parent.right
anchors.rightMargin: 14
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: -3
horizontalAlignment: Settings.settings.showActiveWindowIcon ? Text.AlignRight : Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
maximumLineCount: 1
}
} }
} }
} }

36
Widgets/SidePanel/PanelPopup.qml
View file

@ -42,9 +42,6 @@ PanelWithOverlay {
// Access the shell's SettingsWindow instead of creating a new one // Access the shell's SettingsWindow instead of creating a new one
id: sidebarPopupRect id: sidebarPopupRect
// Necessary for the scaling to work on smaller screens
width: 530
property real slideOffset: width property real slideOffset: width
property bool isAnimating: false property bool isAnimating: false
property int leftPadding: 20 * Theme.scale(Screen) property int leftPadding: 20 * Theme.scale(Screen)
@ -116,6 +113,8 @@ PanelWithOverlay {
isRecording = false; isRecording = false;
} }
// Necessary for the scaling to work on smaller screens
width: 526
implicitWidth: 500 * Theme.scale(Screen) implicitWidth: 500 * Theme.scale(Screen)
implicitHeight: 700 * Theme.scale(Screen) implicitHeight: 700 * Theme.scale(Screen)
visible: parent.visible visible: parent.visible
@ -173,37 +172,22 @@ PanelWithOverlay {
Rectangle { Rectangle {
id: mainRectangle id: mainRectangle
color: "transparent"
anchors.top: sidebarPopupRect.top anchors.top: sidebarPopupRect.top
width: sidebarPopupRect.width - sidebarPopupRect.leftPadding width: sidebarPopupRect.width - sidebarPopupRect.leftPadding
height: sidebarPopupRect.height - sidebarPopupRect.bottomPadding height: sidebarPopupRect.height - sidebarPopupRect.bottomPadding
x: sidebarPopupRect.leftPadding + sidebarPopupRect.slideOffset x: sidebarPopupRect.leftPadding + sidebarPopupRect.slideOffset
y: 0 y: 0
z: 0 z: 0
color: Theme.backgroundPrimary
anchors.fill: parent
bottomLeftRadius: 20 * Theme.scale(Screen)
Rectangle { Behavior on x {
color: Theme.backgroundPrimary enabled: !sidebarPopupRect.isAnimating
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
} }
} }