mirror of
https://github.com/AvengeMedia/DankMaterialShell.git
synced 2026-04-04 21:02:06 -04:00
cc62aa4a9e
* fix(vpn-widget): correct tooltip positioning for bottom bar alignment - Calculate tooltip Y position based on bar edge (bottom vs top) - Position tooltip above bar when edge is bottom to prevent overflow - Account for tooltip height when positioning on bottom edge - Use proper screen reference for consistent positioning across displays * fix(VpnPopout): use correct screen height for popup sizing - Fix popup height calculation to use the assigned screen property instead of the global Screen object - Prevents incorrect positioning when multiple screens are present - Fallback to Screen.height if screen property is not set * fix(widgets): close DankPopout when screen is removed - Add Connections handler to monitor Quickshell.onScreensChanged - Automatically close popout if its assigned screen no longer exists - Prevent orphaned popouts when displays are disconnected
91 lines
2.4 KiB
QML
91 lines
2.4 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import qs.Common
|
|
import qs.Services
|
|
import qs.Widgets
|
|
|
|
DankPopout {
|
|
id: root
|
|
|
|
layerNamespace: "dms:vpn"
|
|
|
|
Ref {
|
|
service: DMSNetworkService
|
|
}
|
|
|
|
property bool wasVisible: false
|
|
property var triggerScreen: null
|
|
|
|
popupWidth: 380
|
|
popupHeight: Math.min((screen ? screen.height : Screen.height) - 100, contentLoader.item ? contentLoader.item.implicitHeight : 320)
|
|
triggerWidth: 70
|
|
screen: triggerScreen
|
|
shouldBeVisible: false
|
|
|
|
onShouldBeVisibleChanged: {
|
|
if (shouldBeVisible && !wasVisible) {
|
|
DMSNetworkService.getState();
|
|
}
|
|
wasVisible = shouldBeVisible;
|
|
}
|
|
|
|
onBackgroundClicked: close()
|
|
|
|
content: Component {
|
|
Rectangle {
|
|
id: content
|
|
|
|
implicitHeight: contentColumn.height + Theme.spacingL * 2
|
|
color: "transparent"
|
|
radius: Theme.cornerRadius
|
|
border.color: Theme.outlineMedium
|
|
border.width: 0
|
|
focus: true
|
|
|
|
Keys.onPressed: event => {
|
|
if (event.key === Qt.Key_Escape) {
|
|
root.close();
|
|
event.accepted = true;
|
|
}
|
|
}
|
|
|
|
Column {
|
|
id: contentColumn
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
anchors.margins: Theme.spacingL
|
|
spacing: Theme.spacingM
|
|
|
|
RowLayout {
|
|
width: parent.width
|
|
height: 32
|
|
spacing: Theme.spacingS
|
|
|
|
StyledText {
|
|
text: I18n.tr("VPN Connections")
|
|
font.pixelSize: Theme.fontSizeLarge
|
|
color: Theme.surfaceText
|
|
font.weight: Font.Medium
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
DankActionButton {
|
|
iconName: "close"
|
|
iconSize: Theme.iconSize - 4
|
|
iconColor: Theme.surfaceText
|
|
onClicked: root.close()
|
|
}
|
|
}
|
|
|
|
VpnDetailContent {
|
|
width: parent.width
|
|
listHeight: 200
|
|
parentPopout: root
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|