cc: bit of extra height for some detail items

quickshell/Modules/ControlCenter/Components/DetailHost.qml

@@ -16,10 +16,18 @@ Item {
     property var widgetModel: null
     property var collapseCallback: null
 
+    function getDetailHeight(section) {
+        const maxAvailable = parent ? parent.height - Theme.spacingS : 9999
+        if (section === "wifi") return Math.min(350, maxAvailable)
+        if (section === "bluetooth") return Math.min(350, maxAvailable)
+        if (section.startsWith("brightnessSlider_")) return Math.min(400, maxAvailable)
+        return Math.min(250, maxAvailable)
+    }
+
     Loader {
         id: pluginDetailLoader
         width: parent.width
-        height: 250
+        height: parent.height - Theme.spacingS
         y: Theme.spacingS
         active: false
         sourceComponent: null
@@ -28,7 +36,7 @@ Item {
     Loader {
         id: coreDetailLoader
         width: parent.width
-        height: 250
+        height: parent.height - Theme.spacingS
         y: Theme.spacingS
         active: false
         sourceComponent: null

quickshell/Modules/ControlCenter/Components/DragDropGrid.qml

@@ -160,8 +160,9 @@ Column {
             }
 
             DetailHost {
+                id: detailHost
                 width: parent.width
-                height: active ? (250 + Theme.spacingS) : 0
+                height: active ? (getDetailHeight(root.expandedSection) + Theme.spacingS) : 0
                 property bool active: {
                     if (root.expandedSection === "")
                         return false

quickshell/Modules/ControlCenter/ControlCenterPopout.qml

@@ -64,7 +64,12 @@ DankPopout {
     }
 
     popupWidth: 550
-    popupHeight: Math.min((triggerScreen?.height ?? 1080) - 100, contentLoader.item && contentLoader.item.implicitHeight > 0 ? contentLoader.item.implicitHeight + 20 : 400)
+    popupHeight: {
+        const screenHeight = (triggerScreen?.height ?? 1080)
+        const maxHeight = screenHeight - 100
+        const contentHeight = contentLoader.item && contentLoader.item.implicitHeight > 0 ? contentLoader.item.implicitHeight + 20 : 400
+        return Math.min(maxHeight, contentHeight)
+    }
     triggerX: (triggerScreen?.width ?? 1920) - 600 - Theme.spacingL
     triggerY: Theme.barHeight - 4 + SettingsData.dankBarSpacing
     triggerWidth: 80

quickshell/Modules/ControlCenter/Details/AudioInputDetail.qml

@@ -180,7 +180,11 @@ Rectangle {
 
                         Column {
                             anchors.verticalCenter: parent.verticalCenter
-                            width: parent.parent.width - parent.parent.anchors.leftMargin - parent.spacing - Theme.iconSize - Theme.spacingM
+                            width: {
+                                const iconWidth = Theme.iconSize
+                                const pinButtonWidth = pinInputRow.width + Theme.spacingS * 4 + Theme.spacingM
+                                return parent.parent.width - iconWidth - parent.spacing - pinButtonWidth - Theme.spacingM * 2
+                            }
 
                             StyledText {
                                 text: AudioService.displayName(modelData)

quickshell/Modules/ControlCenter/Details/AudioOutputDetail.qml

@@ -187,7 +187,11 @@ Rectangle {
 
                         Column {
                             anchors.verticalCenter: parent.verticalCenter
-                            width: parent.parent.width - parent.parent.anchors.leftMargin - parent.spacing - Theme.iconSize - Theme.spacingM
+                            width: {
+                                const iconWidth = Theme.iconSize
+                                const pinButtonWidth = pinOutputRow.width + Theme.spacingS * 4 + Theme.spacingM
+                                return parent.parent.width - iconWidth - parent.spacing - pinButtonWidth - Theme.spacingM * 2
+                            }
 
                             StyledText {
                                 text: AudioService.displayName(modelData)

quickshell/Modules/ControlCenter/Details/BluetoothDetail.qml

@@ -10,7 +10,12 @@ import qs.Modals
 Rectangle {
     id: root
 
-    implicitHeight: BluetoothService.adapter && BluetoothService.adapter.enabled ? headerRow.height + bluetoothContent.height + Theme.spacingM : headerRow.height
+    implicitHeight: {
+        if (height > 0) {
+            return height
+        }
+        return BluetoothService.adapter && BluetoothService.adapter.enabled ? headerRow.height + bluetoothContent.height + Theme.spacingM : headerRow.height
+    }
     radius: Theme.cornerRadius
     color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency)
     border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08)

quickshell/Modules/ControlCenter/Details/BrightnessDetail.qml

@@ -88,7 +88,12 @@ Rectangle {
         SettingsData.set("brightnessDevicePins", pins)
     }
 
-    implicitHeight: brightnessContent.height + Theme.spacingM
+    implicitHeight: {
+        if (height > 0) {
+            return height
+        }
+        return brightnessContent.height + Theme.spacingM
+    }
     radius: Theme.cornerRadius
     color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency)
     border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08)

quickshell/Modules/ControlCenter/Details/NetworkDetail.qml

@@ -10,6 +10,9 @@ Rectangle {
     id: root
 
     implicitHeight: {
+        if (height > 0) {
+            return height
+        }
         if (NetworkService.wifiToggling) {
             return headerRow.height + wifiToggleContent.height + Theme.spacingM
         }