27 lines
818 B
QML
27 lines
818 B
QML
import QtQuick
|
|
import qs.Commons
|
|
|
|
// Shared visual chrome for keyboard-and-mouse-navigable items inside a panel.
|
|
// Contract: items must NOT read `containsMouse` for color/border. Mouse
|
|
// hover updates the panel's cursor state at the root; visuals derive from
|
|
// `hasCursor` / `current`. That's what guarantees a single highlight on
|
|
// screen at any time across both keyboard and mouse interaction.
|
|
Rectangle {
|
|
id: root
|
|
|
|
property bool hasCursor: false
|
|
property bool current: false
|
|
|
|
property color foreground: "#cacccc"
|
|
property color fill: Qt.rgba(foreground.r, foreground.g, foreground.b, 0.18)
|
|
|
|
radius: Style.cornerRadius
|
|
color: (hasCursor || current) ? fill : "transparent"
|
|
border.width: hasCursor ? 1 : 0
|
|
border.color: foreground
|
|
|
|
Behavior on color {
|
|
ColorAnimation { duration: 60 }
|
|
}
|
|
}
|