1
0
mirror of https://github.com/AvengeMedia/DankMaterialShell.git synced 2026-05-03 11:02:08 -04:00

blur: demo BackgroundEffect.blurRegion on some components

This commit is contained in:
bbedward
2026-02-16 09:47:30 -05:00
parent a9ee91586e
commit 22f384b821
7 changed files with 56 additions and 9 deletions

View File

@@ -246,6 +246,11 @@ Item {
bottom: root.useSingleWindow
}
BackgroundEffect.blurRegion: Region {
item: shouldBeVisible ? modalContainer : null
radius: root.cornerRadius
}
WlrLayershell.margins {
left: root.useSingleWindow ? 0 : Math.max(0, Theme.snap(root.alignedX - shadowBuffer, dpr))
top: root.useSingleWindow ? 0 : Math.max(0, Theme.snap(root.alignedY - shadowBuffer, dpr))
@@ -380,9 +385,9 @@ Item {
Rectangle {
anchors.fill: parent
color: root.backgroundColor
border.color: root.borderColor
border.width: root.borderWidth
radius: root.cornerRadius
border.color: Theme.outline
border.width: 1
}
FocusScope {

View File

@@ -291,6 +291,14 @@ Item {
right: true
}
BackgroundEffect.blurRegion: Region {
x: contentVisible ? root.modalX : 0
y: contentVisible ? root.modalY : 0
width: contentVisible ? root.modalWidth : 0
height: contentVisible ? root.modalHeight : 0
radius: root.cornerRadius
}
mask: Region {
item: spotlightOpen ? fullScreenMask : null
}
@@ -359,8 +367,6 @@ Item {
Rectangle {
anchors.fill: parent
color: root.backgroundColor
border.color: root.borderColor
border.width: root.borderWidth
radius: root.cornerRadius
}
@@ -386,6 +392,14 @@ Item {
event.accepted = true;
}
}
Rectangle {
anchors.fill: parent
radius: root.cornerRadius
color: "transparent"
border.color: Theme.outline
border.width: 1
}
}
}
}

View File

@@ -279,9 +279,6 @@ FocusScope {
anchors.left: parent.left
anchors.right: parent.right
anchors.bottom: parent.bottom
anchors.leftMargin: root.parentModal?.borderWidth ?? 1
anchors.rightMargin: root.parentModal?.borderWidth ?? 1
anchors.bottomMargin: root.parentModal?.borderWidth ?? 1
readonly property bool showFooter: SettingsData.dankLauncherV2Size !== "micro" && SettingsData.dankLauncherV2ShowFooter
height: showFooter ? 36 : 0
visible: showFooter
@@ -290,7 +287,7 @@ FocusScope {
Rectangle {
anchors.fill: parent
anchors.topMargin: -Theme.cornerRadius
color: Theme.surfaceContainerHigh
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency)
radius: Theme.cornerRadius
}

View File

@@ -96,6 +96,10 @@ PanelWindow {
}
}
BackgroundEffect.blurRegion: Region {
item: barUnitInset
}
WlrLayershell.layer: dBarLayer
WlrLayershell.namespace: "dms:bar"

View File

@@ -13,6 +13,14 @@ PanelWindow {
WlrLayershell.namespace: "dms:notification-popup"
BackgroundEffect.blurRegion: Region {
x: content.x + bgShadowLayer.x
y: content.y + bgShadowLayer.y
width: bgShadowLayer.width
height: bgShadowLayer.height
radius: !win._finalized && !win.exiting ? Theme.cornerRadius : 0
}
required property var notificationData
required property string notificationId
readonly property bool hasValidData: notificationData && notificationData.notification
@@ -267,6 +275,14 @@ PanelWindow {
}
}
Rectangle {
anchors.fill: parent
radius: Theme.cornerRadius
color: "transparent"
border.color: Theme.outline
border.width: 1
}
Rectangle {
id: backgroundShape
anchors.fill: parent

View File

@@ -104,6 +104,12 @@ PanelWindow {
}
WlrLayershell.exclusiveZone: -1
WlrLayershell.keyboardFocus: WlrKeyboardFocus.None
BackgroundEffect.blurRegion: Region {
item: shouldBeVisible ? osdContainer : null
radius: Theme.cornerRadius
}
color: "transparent"
readonly property real dpr: CompositorService.getScreenScale(screen)

View File

@@ -345,6 +345,11 @@ Item {
bottom: !useBackgroundWindow
}
BackgroundEffect.blurRegion: Region {
item: shouldBeVisible ? contentContainer : null
radius: Theme.cornerRadius
}
WlrLayershell.margins {
left: useBackgroundWindow ? (root.alignedX - shadowBuffer) : 0
top: useBackgroundWindow ? (root.alignedY - shadowBuffer) : 0
@@ -470,7 +475,7 @@ Item {
anchors.fill: parent
radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainer, Theme.popupTransparency)
border.color: Theme.outlineMedium
border.color: Theme.outline
border.width: 1
}