blob: 5f6950369740fa0a2e296a5b03b6953f11b08244 [file] [log] [blame]
import QtQuick 2.5
import QtQuick.Controls 2.15
import QtQuick.Controls.Material 2.0
import QtQuick.Layouts 1.0
Rectangle {
id: root
signal insertClicked()
color: Material.color(Material.Grey, Material.theme == Material.Dark ? Material.Shade800 : Material.Shade300)
height: 2
Layout.fillWidth: true
Layout.topMargin: 16
Layout.bottomMargin: 16
transitions: Transition {
NumberAnimation {
property: "opacity"
duration: 100
easing.type: Easing.OutCubic
}
}
states: [
State {
when: mouseArea.containsMouse || addButton.hovered
PropertyChanges {
target: root
opacity: 1
}
},
State {
when: !mouseArea.containsMouse && !addButton.hovered
PropertyChanges {
target: root
opacity: 0
}
}
]
MouseArea {
id: mouseArea
height: 30
width: parent.width
anchors.centerIn: parent
hoverEnabled: true
propagateComposedEvents: true
}
Item {
id: insertRow
anchors.centerIn: parent
height: 24
width: 24
RoundButton {
id: addButton
anchors.centerIn: parent
icon.source: "qrc:///icons/add.svg"
icon.color: Constants.buttonGrey
flat: true
onClicked: root.insertClicked()
hoverEnabled: true
}
}
}