61 lines
2.1 KiB
QML
61 lines
2.1 KiB
QML
// StyledToolTip.qml
|
|
import qs.common
|
|
import qs.common.widgets
|
|
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
|
|
ToolTip {
|
|
id: root
|
|
property string content
|
|
property bool extraVisibleCondition: true
|
|
property bool alternativeVisibleCondition: false
|
|
property bool internalVisibleCondition: {
|
|
const ans = (extraVisibleCondition && (parent.hovered === undefined || parent?.hovered)) || alternativeVisibleCondition
|
|
return ans
|
|
}
|
|
verticalPadding: 5
|
|
horizontalPadding: 10
|
|
opacity: internalVisibleCondition ? 1 : 0
|
|
visible: opacity > 0
|
|
|
|
Behavior on opacity {
|
|
animation: Appearance?.animation.elementMoveFast.numberAnimation.createObject(this)
|
|
}
|
|
|
|
background: null
|
|
|
|
contentItem: Item {
|
|
id: contentItemBackground
|
|
implicitWidth: tooltipTextObject.width + 2 * root.horizontalPadding
|
|
implicitHeight: tooltipTextObject.height + 2 * root.verticalPadding
|
|
|
|
Rectangle {
|
|
id: backgroundRectangle
|
|
anchors.bottom: contentItemBackground.bottom
|
|
anchors.horizontalCenter: contentItemBackground.horizontalCenter
|
|
color: Appearance?.colors.colTooltip ?? "#3C4043"
|
|
radius: Appearance?.rounding.verysmall ?? 7
|
|
width: internalVisibleCondition ? (tooltipTextObject.width + 2 * padding) : 0
|
|
height: internalVisibleCondition ? (tooltipTextObject.height + 2 * padding) : 0
|
|
clip: true
|
|
|
|
Behavior on width {
|
|
animation: Appearance?.animation.elementMoveFast.numberAnimation.createObject(this)
|
|
}
|
|
Behavior on height {
|
|
animation: Appearance?.animation.elementMoveFast.numberAnimation.createObject(this)
|
|
}
|
|
|
|
StyledText {
|
|
id: tooltipTextObject
|
|
anchors.centerIn: parent
|
|
text: content
|
|
font.pixelSize: Appearance?.font.pixelSize.smaller ?? 14
|
|
font.hintingPreference: Font.PreferNoHinting // Prevent shaky text
|
|
color: Appearance?.colors.colOnTooltip ?? "#FFFFFF"
|
|
wrapMode: Text.Wrap
|
|
}
|
|
}
|
|
}
|
|
} |