fix: Update link preview border to match the new design
+ fix link preview highlighting
This commit is contained in:
parent
0ba9ce9c8e
commit
337a81fc49
|
@ -2,6 +2,8 @@ import QtQuick 2.13
|
||||||
import QtQuick.Controls 2.15
|
import QtQuick.Controls 2.15
|
||||||
import QtQuick.Shapes 1.5
|
import QtQuick.Shapes 1.5
|
||||||
|
|
||||||
|
import QtGraphicalEffects 1.15
|
||||||
|
|
||||||
import utils 1.0
|
import utils 1.0
|
||||||
import shared 1.0
|
import shared 1.0
|
||||||
import shared.controls 1.0
|
import shared.controls 1.0
|
||||||
|
@ -14,6 +16,7 @@ Control {
|
||||||
property color backgroundColor: Style.current.background
|
property color backgroundColor: Style.current.background
|
||||||
property color borderColor: Style.current.border
|
property color borderColor: Style.current.border
|
||||||
property bool dashedBorder: false
|
property bool dashedBorder: false
|
||||||
|
property bool dropShadow: false
|
||||||
property real borderWidth: 1
|
property real borderWidth: 1
|
||||||
|
|
||||||
readonly property Component clippingEffect: CalloutOpacityMask {
|
readonly property Component clippingEffect: CalloutOpacityMask {
|
||||||
|
@ -30,5 +33,14 @@ Control {
|
||||||
radius: Style.current.radius * 2
|
radius: Style.current.radius * 2
|
||||||
leftBottomRadius: root.leftTail ? Style.current.radius / 2 : Style.current.radius * 2
|
leftBottomRadius: root.leftTail ? Style.current.radius / 2 : Style.current.radius * 2
|
||||||
rightBottomRadius: root.leftTail ? Style.current.radius * 2 : Style.current.radius / 2
|
rightBottomRadius: root.leftTail ? Style.current.radius * 2 : Style.current.radius / 2
|
||||||
|
layer.enabled: root.dropShadow
|
||||||
|
layer.effect: DropShadow {
|
||||||
|
verticalOffset: 3
|
||||||
|
radius: 8
|
||||||
|
samples: 15
|
||||||
|
fast: true
|
||||||
|
cached: true
|
||||||
|
color: Style.current.dropShadow
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -33,7 +33,8 @@ CalloutCard {
|
||||||
implicitHeight: 290
|
implicitHeight: 290
|
||||||
implicitWidth: 305
|
implicitWidth: 305
|
||||||
hoverEnabled: true
|
hoverEnabled: true
|
||||||
borderColor: hovered || highlight ? Style.current.borderTertiary : Style.current.border
|
dropShadow: d.highlight
|
||||||
|
borderColor: d.highlight ? Style.current.background : Style.current.border
|
||||||
|
|
||||||
Behavior on borderColor {
|
Behavior on borderColor {
|
||||||
ColorAnimation { duration: 200 }
|
ColorAnimation { duration: 200 }
|
||||||
|
@ -116,5 +117,6 @@ CalloutCard {
|
||||||
QtObject {
|
QtObject {
|
||||||
id: d
|
id: d
|
||||||
property real bannerImageMargins: 1 / Screen.devicePixelRatio // image size isn't pixel perfect..
|
property real bannerImageMargins: 1 / Screen.devicePixelRatio // image size isn't pixel perfect..
|
||||||
|
property bool highlight: root.highlight || root.hovered
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -121,6 +121,7 @@ Flow {
|
||||||
title: standardPreview ? standardPreview.title : ""
|
title: standardPreview ? standardPreview.title : ""
|
||||||
description: standardPreview ? standardPreview.description : ""
|
description: standardPreview ? standardPreview.description : ""
|
||||||
footer: standardPreview ? standardPreview.hostname : ""
|
footer: standardPreview ? standardPreview.hostname : ""
|
||||||
|
highlight: root.highlightLink === url
|
||||||
onClicked: (mouse) => {
|
onClicked: (mouse) => {
|
||||||
switch (mouse.button) {
|
switch (mouse.button) {
|
||||||
case Qt.RightButton:
|
case Qt.RightButton:
|
||||||
|
|
Loading…
Reference in New Issue