controlcenter: fix edge to edge in panels

6 files changed, 46 insertions, 38 deletions

diff --git a/modules/controlcenter/appearance/AppearancePane.qml b/modules/controlcenter/appearance/AppearancePane.qml
index 1e81205..35b479a 100644
--- a/modules/controlcenter/appearance/AppearancePane.qml
+++ b/modules/controlcenter/appearance/AppearancePane.qml
@@ -114,8 +114,7 @@ RowLayout {
             id: sidebarFlickable
             anchors.fill: parent
             flickableDirection: Flickable.VerticalFlick
-            contentHeight: sidebarLayout.implicitHeight + Appearance.padding.large * 2
-            clip: true
+            contentHeight: sidebarLayout.height
 
             StyledScrollBar.vertical: StyledScrollBar {
                 flickable: sidebarFlickable
@@ -852,11 +851,12 @@ RowLayout {
 
         StyledFlickable {
             anchors.fill: parent
-            anchors.margins: Appearance.padding.large * 2
+            anchors.margins: Appearance.padding.normal
+            anchors.leftMargin: 0
+            anchors.rightMargin: Appearance.padding.normal / 2
 
             flickableDirection: Flickable.VerticalFlick
-            contentHeight: contentLayout.implicitHeight
-            clip: true
+            contentHeight: contentLayout.height
 
             StyledScrollBar.vertical: StyledScrollBar {
                 flickable: parent
@@ -868,6 +868,8 @@ RowLayout {
                 anchors.left: parent.left
                 anchors.right: parent.right
                 anchors.top: parent.top
+                anchors.leftMargin: Appearance.padding.large * 2
+                anchors.rightMargin: Appearance.padding.large * 2
 
                 spacing: Appearance.spacing.normal
 
diff --git a/modules/controlcenter/audio/AudioPane.qml b/modules/controlcenter/audio/AudioPane.qml
index b4a0bf1..1f8677e 100644
--- a/modules/controlcenter/audio/AudioPane.qml
+++ b/modules/controlcenter/audio/AudioPane.qml
@@ -31,7 +31,10 @@ RowLayout {
             anchors.rightMargin: Appearance.padding.large + Appearance.padding.normal / 2
             flickableDirection: Flickable.VerticalFlick
             contentHeight: leftContent.height
-            clip: true
+
+            StyledScrollBar.vertical: StyledScrollBar {
+                flickable: parent
+            }
 
             ColumnLayout {
                 id: leftContent
@@ -225,17 +228,16 @@ RowLayout {
         Layout.fillHeight: true
 
         StyledFlickable {
-            id: rightFlickable
-
             anchors.fill: parent
-            anchors.margins: Appearance.padding.large * 2
+            anchors.margins: Appearance.padding.normal
+            anchors.leftMargin: 0
+            anchors.rightMargin: Appearance.padding.normal / 2
 
             flickableDirection: Flickable.VerticalFlick
-            contentHeight: contentLayout.implicitHeight
-            clip: true
+            contentHeight: contentLayout.height
 
             StyledScrollBar.vertical: StyledScrollBar {
-                flickable: rightFlickable
+                flickable: parent
             }
 
             ColumnLayout {
@@ -244,6 +246,8 @@ RowLayout {
                 anchors.left: parent.left
                 anchors.right: parent.right
                 anchors.top: parent.top
+                anchors.leftMargin: Appearance.padding.large * 2
+                anchors.rightMargin: Appearance.padding.large * 2
 
                 spacing: Appearance.spacing.normal
 
diff --git a/modules/controlcenter/bluetooth/BtPane.qml b/modules/controlcenter/bluetooth/BtPane.qml
index 40cf356..96dc002 100644
--- a/modules/controlcenter/bluetooth/BtPane.qml
+++ b/modules/controlcenter/bluetooth/BtPane.qml
@@ -50,7 +50,6 @@ RowLayout {
 
             radius: rightBorder.innerRadius
             color: "transparent"
-            clip: true
 
             Loader {
                 id: loader
@@ -60,7 +59,6 @@ RowLayout {
                 anchors.fill: parent
                 anchors.margins: Appearance.padding.large * 2
 
-                clip: true
                 asynchronous: true
                 sourceComponent: pane ? details : settings
 
@@ -108,7 +106,6 @@ RowLayout {
             StyledFlickable {
                 flickableDirection: Flickable.VerticalFlick
                 contentHeight: settingsInner.height
-                clip: true
 
                 Settings {
                     id: settingsInner
diff --git a/modules/controlcenter/launcher/LauncherPane.qml b/modules/controlcenter/launcher/LauncherPane.qml
index d585c32..1869e18 100644
--- a/modules/controlcenter/launcher/LauncherPane.qml
+++ b/modules/controlcenter/launcher/LauncherPane.qml
@@ -153,6 +153,7 @@ RowLayout {
             anchors.margins: Appearance.padding.large + Appearance.padding.normal
             anchors.leftMargin: Appearance.padding.large
             anchors.rightMargin: Appearance.padding.large + Appearance.padding.normal / 2
+            anchors.bottomMargin: 0
 
             spacing: Appearance.spacing.small
 
@@ -335,12 +336,16 @@ RowLayout {
 
         ColumnLayout {
             anchors.fill: parent
-            anchors.margins: Appearance.padding.large * 2
+            anchors.margins: Appearance.padding.normal
+            anchors.leftMargin: 0
+            anchors.rightMargin: Appearance.padding.normal / 2
 
             spacing: Appearance.spacing.normal
 
             Item {
                 Layout.alignment: Qt.AlignHCenter
+                Layout.leftMargin: Appearance.padding.large * 2
+                Layout.rightMargin: Appearance.padding.large * 2
                 implicitWidth: iconLoader.implicitWidth
                 implicitHeight: iconLoader.implicitHeight
 
@@ -376,6 +381,8 @@ RowLayout {
 
             StyledText {
                 Layout.alignment: Qt.AlignHCenter
+                Layout.leftMargin: Appearance.padding.large * 2
+                Layout.rightMargin: Appearance.padding.large * 2
                 text: root.selectedApp ? (root.selectedApp.name || root.selectedApp.entry?.name || qsTr("Application Details")) : qsTr("Launcher Applications")
                 font.pointSize: Appearance.font.size.large
                 font.bold: true
@@ -385,12 +392,13 @@ RowLayout {
                 Layout.fillWidth: true
                 Layout.fillHeight: true
                 Layout.topMargin: Appearance.spacing.large
+                Layout.leftMargin: Appearance.padding.large * 2
+                Layout.rightMargin: Appearance.padding.large * 2
 
                 StyledFlickable {
                     anchors.fill: parent
                     flickableDirection: Flickable.VerticalFlick
-                    contentHeight: debugLayout.implicitHeight
-                    clip: true
+                    contentHeight: debugLayout.height
 
                     StyledScrollBar.vertical: StyledScrollBar {
                         flickable: parent
diff --git a/modules/controlcenter/network/NetworkingPane.qml b/modules/controlcenter/network/NetworkingPane.qml
index 74e0034..c404af0 100644
--- a/modules/controlcenter/network/NetworkingPane.qml
+++ b/modules/controlcenter/network/NetworkingPane.qml
@@ -38,12 +38,8 @@ Item {
                 id: leftFlickable
 
                 anchors.fill: parent
-                anchors.margins: Appearance.padding.large + Appearance.padding.normal
-                anchors.leftMargin: Appearance.padding.large
-                anchors.rightMargin: Appearance.padding.large + Appearance.padding.normal / 2
                 flickableDirection: Flickable.VerticalFlick
                 contentHeight: leftContent.height
-                clip: true
 
                 StyledScrollBar.vertical: StyledScrollBar {
                     flickable: leftFlickable
@@ -54,6 +50,10 @@ Item {
 
                     anchors.left: parent.left
                     anchors.right: parent.right
+                    anchors.top: parent.top
+                    anchors.margins: Appearance.padding.large + Appearance.padding.normal
+                    anchors.leftMargin: Appearance.padding.large
+                    anchors.rightMargin: Appearance.padding.large + Appearance.padding.normal / 2
                     spacing: Appearance.spacing.normal
 
                     // Settings header above the collapsible sections
@@ -404,7 +404,6 @@ Item {
 
                 radius: rightBorder.innerRadius
                 color: "transparent"
-                clip: true
 
                 // Right pane - networking details/settings
                 Loader {
@@ -415,14 +414,17 @@ Item {
                     property var pane: ethernetPane || wirelessPane
                     property string paneId: ethernetPane ? (ethernetPane.interface || "") : (wirelessPane ? (wirelessPane.ssid || wirelessPane.bssid || "") : "")
 
-                    anchors.fill: parent
-                    anchors.margins: Appearance.padding.large * 2
+                    anchors.left: parent.left
+                    anchors.right: parent.right
+                    anchors.top: parent.top
+                    anchors.bottom: parent.bottom
+                    anchors.leftMargin: Appearance.padding.large * 2
+                    anchors.rightMargin: Appearance.padding.large * 2
 
                     opacity: 1
                     scale: 1
                     transformOrigin: Item.Center
 
-                    clip: true
                     asynchronous: true
                     sourceComponent: pane ? (ethernetPane ? ethernetDetails : wirelessDetails) : settings
 
@@ -476,15 +478,8 @@ Item {
                 id: settings
 
                 StyledFlickable {
-                    id: settingsFlickable
-
                     flickableDirection: Flickable.VerticalFlick
                     contentHeight: settingsInner.height
-                    clip: true
-
-                    StyledScrollBar.vertical: StyledScrollBar {
-                        flickable: settingsFlickable
-                    }
 
                     NetworkSettings {
                         id: settingsInner
diff --git a/modules/controlcenter/taskbar/TaskbarPane.qml b/modules/controlcenter/taskbar/TaskbarPane.qml
index 5385ab7..9ec9e2a 100644
--- a/modules/controlcenter/taskbar/TaskbarPane.qml
+++ b/modules/controlcenter/taskbar/TaskbarPane.qml
@@ -134,8 +134,7 @@ RowLayout {
             id: sidebarFlickable
             anchors.fill: parent
             flickableDirection: Flickable.VerticalFlick
-            contentHeight: sidebarLayout.implicitHeight + Appearance.padding.large * 2
-            clip: true
+            contentHeight: sidebarLayout.height
 
             StyledScrollBar.vertical: StyledScrollBar {
                 flickable: sidebarFlickable
@@ -531,11 +530,12 @@ RowLayout {
 
         StyledFlickable {
             anchors.fill: parent
-            anchors.margins: Appearance.padding.large * 2
+            anchors.margins: Appearance.padding.normal
+            anchors.leftMargin: 0
+            anchors.rightMargin: Appearance.padding.normal / 2
 
             flickableDirection: Flickable.VerticalFlick
-            contentHeight: contentLayout.implicitHeight
-            clip: true
+            contentHeight: contentLayout.height
 
             StyledScrollBar.vertical: StyledScrollBar {
                 flickable: parent
@@ -547,6 +547,8 @@ RowLayout {
                 anchors.left: parent.left
                 anchors.right: parent.right
                 anchors.top: parent.top
+                anchors.leftMargin: Appearance.padding.large * 2
+                anchors.rightMargin: Appearance.padding.large * 2
 
                 spacing: Appearance.spacing.normal