Salastil/DankMaterialShell
1
0
Fork 0
mirror of https://github.com/AvengeMedia/DankMaterialShell.git synced 2026-04-14 09:42:10 -04:00
Code Packages Releases Activity

clipboard: improve image thumbnail (#1759)

Browse Source 
- thumbnail image is now bigger
- circular mask has been replaced with rounded rectangular mask
This commit is contained in:
Triệu Kha
2026-02-20 23:02:20 +07:00
committed by bbedward
parent 826207006a
commit 397650ca52
3 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
quickshell/Modals/Clipboard/ClipboardConstants.qml
View File

@@ -12,7 +12,7 @@ Singleton {
readonly property int popoutWidth: 550 readonly property int popoutWidth: 550
readonly property int popoutHeight: 500 readonly property int popoutHeight: 500
readonly property int itemHeight: 72 readonly property int itemHeight: 72
readonly property int thumbnailSize: 48 readonly property int thumbnailSize: 100
readonly property int retryInterval: 50 readonly property int retryInterval: 50
readonly property int viewportBuffer: 100 readonly property int viewportBuffer: 100
readonly property int extendedBuffer: 200 readonly property int extendedBuffer: 200

5
quickshell/Modals/Clipboard/ClipboardEntry.qml
View File

@@ -84,7 +84,8 @@ Rectangle {
anchors.right: actionButtons.left anchors.right: actionButtons.left
anchors.rightMargin: Theme.spacingM anchors.rightMargin: Theme.spacingM
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
height: contentColumn.implicitHeight // height: contentColumn.implicitHeight
height: ClipboardConstants.itemHeight
clip: true clip: true
ClipboardThumbnail { ClipboardThumbnail {
@@ -92,7 +93,7 @@ Rectangle {
anchors.left: parent.left anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
width: entryType === "image" ? ClipboardConstants.thumbnailSize : Theme.iconSize width: entryType === "image" ? ClipboardConstants.thumbnailSize : Theme.iconSize
height: entryType === "image" ? ClipboardConstants.thumbnailSize : Theme.iconSize height: entryType === "image" ? ClipboardConstants.itemHeight - 4 : Theme.iconSize // 100 - 4 = 96, 96:72 = 4:3
entry: root.entry entry: root.entry
entryType: root.entryType entryType: root.entryType
modal: root.modal modal: root.modal

10
quickshell/Modals/Clipboard/ClipboardThumbnail.qml
View File

@@ -137,23 +137,23 @@ Item {
anchors.margins: 2 anchors.margins: 2
source: thumbnailImage source: thumbnailImage
maskEnabled: true maskEnabled: true
maskSource: clipboardCircularMask maskSource: clipboardRoundedRectangularMask
visible: entryType === "image" && thumbnailImage.status === Image.Ready && thumbnailImage.source != "" visible: entryType === "image" && thumbnailImage.status === Image.Ready && thumbnailImage.source != ""
maskThresholdMin: 0.5 maskThresholdMin: 0.5
maskSpreadAtMin: 1 maskSpreadAtMin: 1
} }
Item { Item {
id: clipboardCircularMask id: clipboardRoundedRectangularMask
width: ClipboardConstants.thumbnailSize - 4 width: ClipboardConstants.thumbnailSize
height: ClipboardConstants.thumbnailSize - 4 height: ClipboardConstants.itemHeight - 4
layer.enabled: true layer.enabled: true
layer.smooth: true layer.smooth: true
visible: false visible: false
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
radius: width / 2 radius: Theme.cornerRadius / 2 // Thumbnail corner radius is divided by 2 so it doesnt look weird on large corner radius (eg: 32px)
color: "black" color: "black"
antialiasing: true antialiasing: true
} }