controlcenter: clip to all styledflickable

12 files changed, 22 insertions, 2 deletions

diff --git a/modules/controlcenter/Panes.qml b/modules/controlcenter/Panes.qml
index 8a46088..52ad7f2 100644
--- a/modules/controlcenter/Panes.qml
+++ b/modules/controlcenter/Panes.qml
@@ -19,12 +19,14 @@ ClippingRectangle {
     required property Session session
 
     color: "transparent"
+    clip: true
 
     ColumnLayout {
         id: layout
 
         spacing: 0
         y: -root.session.activeIndex * root.height
+        clip: true
 
         Pane {
             index: 0
diff --git a/modules/controlcenter/appearance/AppearancePane.qml b/modules/controlcenter/appearance/AppearancePane.qml
index 5ddcb06..fd75ff4 100644
--- a/modules/controlcenter/appearance/AppearancePane.qml
+++ b/modules/controlcenter/appearance/AppearancePane.qml
@@ -225,6 +225,7 @@ RowLayout {
             anchors.fill: parent
             flickableDirection: Flickable.VerticalFlick
             contentHeight: sidebarLayout.implicitHeight + Appearance.padding.large * 2
+            clip: true
 
             StyledScrollBar.vertical: StyledScrollBar {
                 flickable: sidebarFlickable
@@ -965,6 +966,7 @@ RowLayout {
 
             flickableDirection: Flickable.VerticalFlick
             contentHeight: contentLayout.implicitHeight
+            clip: true
 
             StyledScrollBar.vertical: StyledScrollBar {
                 flickable: parent
diff --git a/modules/controlcenter/audio/AudioPane.qml b/modules/controlcenter/audio/AudioPane.qml
index 8c990a6..0a7f602 100644
--- a/modules/controlcenter/audio/AudioPane.qml
+++ b/modules/controlcenter/audio/AudioPane.qml
@@ -31,6 +31,7 @@ RowLayout {
             anchors.rightMargin: Appearance.padding.large + Appearance.padding.normal / 2
             flickableDirection: Flickable.VerticalFlick
             contentHeight: leftContent.height
+            clip: true
 
             ColumnLayout {
                 id: leftContent
diff --git a/modules/controlcenter/bluetooth/BtPane.qml b/modules/controlcenter/bluetooth/BtPane.qml
index 96dc002..40cf356 100644
--- a/modules/controlcenter/bluetooth/BtPane.qml
+++ b/modules/controlcenter/bluetooth/BtPane.qml
@@ -50,6 +50,7 @@ RowLayout {
 
             radius: rightBorder.innerRadius
             color: "transparent"
+            clip: true
 
             Loader {
                 id: loader
@@ -59,6 +60,7 @@ RowLayout {
                 anchors.fill: parent
                 anchors.margins: Appearance.padding.large * 2
 
+                clip: true
                 asynchronous: true
                 sourceComponent: pane ? details : settings
 
@@ -106,6 +108,7 @@ RowLayout {
             StyledFlickable {
                 flickableDirection: Flickable.VerticalFlick
                 contentHeight: settingsInner.height
+                clip: true
 
                 Settings {
                     id: settingsInner
diff --git a/modules/controlcenter/bluetooth/Details.qml b/modules/controlcenter/bluetooth/Details.qml
index 104f673..cbccd9b 100644
--- a/modules/controlcenter/bluetooth/Details.qml
+++ b/modules/controlcenter/bluetooth/Details.qml
@@ -22,6 +22,7 @@ Item {
         anchors.fill: parent
 
         flickableDirection: Flickable.VerticalFlick
+        clip: true
         contentHeight: layout.height
 
         ColumnLayout {
diff --git a/modules/controlcenter/ethernet/EthernetDetails.qml b/modules/controlcenter/ethernet/EthernetDetails.qml
index 68510da..6a01a8b 100644
--- a/modules/controlcenter/ethernet/EthernetDetails.qml
+++ b/modules/controlcenter/ethernet/EthernetDetails.qml
@@ -34,6 +34,7 @@ Item {
         anchors.fill: parent
 
         flickableDirection: Flickable.VerticalFlick
+        clip: true
         contentHeight: layout.height
 
         ColumnLayout {
diff --git a/modules/controlcenter/ethernet/EthernetPane.qml b/modules/controlcenter/ethernet/EthernetPane.qml
index b3ff317..05d0b1b 100644
--- a/modules/controlcenter/ethernet/EthernetPane.qml
+++ b/modules/controlcenter/ethernet/EthernetPane.qml
@@ -50,6 +50,7 @@ RowLayout {
 
             radius: rightBorder.innerRadius
             color: "transparent"
+            clip: true
 
             Loader {
                 id: loader
@@ -64,7 +65,7 @@ RowLayout {
                 scale: 1
                 transformOrigin: Item.Center
 
-                clip: false
+                clip: true
                 asynchronous: true
                 sourceComponent: pane ? details : settings
 
@@ -120,6 +121,7 @@ RowLayout {
             StyledFlickable {
                 flickableDirection: Flickable.VerticalFlick
                 contentHeight: settingsInner.height
+                clip: true
 
                 EthernetSettings {
                     id: settingsInner
diff --git a/modules/controlcenter/launcher/LauncherPane.qml b/modules/controlcenter/launcher/LauncherPane.qml
index 0645860..01ed72e 100644
--- a/modules/controlcenter/launcher/LauncherPane.qml
+++ b/modules/controlcenter/launcher/LauncherPane.qml
@@ -421,6 +421,7 @@ RowLayout {
                     anchors.fill: parent
                     flickableDirection: Flickable.VerticalFlick
                     contentHeight: debugLayout.implicitHeight
+                    clip: true
 
                     StyledScrollBar.vertical: StyledScrollBar {
                         flickable: parent
diff --git a/modules/controlcenter/network/NetworkingPane.qml b/modules/controlcenter/network/NetworkingPane.qml
index 620e6f7..2faa40a 100644
--- a/modules/controlcenter/network/NetworkingPane.qml
+++ b/modules/controlcenter/network/NetworkingPane.qml
@@ -36,6 +36,7 @@ RowLayout {
             anchors.rightMargin: Appearance.padding.large + Appearance.padding.normal / 2
             flickableDirection: Flickable.VerticalFlick
             contentHeight: leftContent.height
+            clip: true
 
             ColumnLayout {
                 id: leftContent
@@ -399,6 +400,7 @@ RowLayout {
 
             radius: rightBorder.innerRadius
             color: "transparent"
+            clip: true
 
             // Right pane - networking details/settings
             Loader {
@@ -416,7 +418,7 @@ RowLayout {
                 scale: 1
                 transformOrigin: Item.Center
 
-                clip: false
+                clip: true
                 asynchronous: true
                 sourceComponent: pane ? (ethernetPane ? ethernetDetails : wirelessDetails) : settings
 
@@ -472,6 +474,7 @@ RowLayout {
             StyledFlickable {
                 flickableDirection: Flickable.VerticalFlick
                 contentHeight: settingsInner.height
+                clip: true
 
                 NetworkSettings {
                     id: settingsInner
diff --git a/modules/controlcenter/network/WirelessDetails.qml b/modules/controlcenter/network/WirelessDetails.qml
index 334c4b3..f41451a 100644
--- a/modules/controlcenter/network/WirelessDetails.qml
+++ b/modules/controlcenter/network/WirelessDetails.qml
@@ -102,6 +102,7 @@ Item {
         anchors.fill: parent
 
         flickableDirection: Flickable.VerticalFlick
+        clip: true
         contentHeight: layout.height
 
         ColumnLayout {
diff --git a/modules/controlcenter/network/WirelessPane.qml b/modules/controlcenter/network/WirelessPane.qml
index 9d48729..67a00f7 100644
--- a/modules/controlcenter/network/WirelessPane.qml
+++ b/modules/controlcenter/network/WirelessPane.qml
@@ -120,6 +120,7 @@ RowLayout {
             StyledFlickable {
                 flickableDirection: Flickable.VerticalFlick
                 contentHeight: settingsInner.height
+                clip: true
 
                 WirelessSettings {
                     id: settingsInner
diff --git a/modules/controlcenter/taskbar/TaskbarPane.qml b/modules/controlcenter/taskbar/TaskbarPane.qml
index ee47683..72e9a80 100644
--- a/modules/controlcenter/taskbar/TaskbarPane.qml
+++ b/modules/controlcenter/taskbar/TaskbarPane.qml
@@ -209,6 +209,7 @@ RowLayout {
             anchors.fill: parent
             flickableDirection: Flickable.VerticalFlick
             contentHeight: sidebarLayout.implicitHeight + Appearance.padding.large * 2
+            clip: true
 
             StyledScrollBar.vertical: StyledScrollBar {
                 flickable: sidebarFlickable
@@ -608,6 +609,7 @@ RowLayout {
 
             flickableDirection: Flickable.VerticalFlick
             contentHeight: contentLayout.implicitHeight
+            clip: true
 
             StyledScrollBar.vertical: StyledScrollBar {
                 flickable: parent