status-desktop/ui/shared/PopupMenu.qml

120 lines
3.8 KiB
QML
Raw Normal View History

2020-06-17 19:31:01 +00:00
import QtQuick 2.13
import QtQuick.Controls 2.13
import QtGraphicalEffects 1.13
import "../imports"
import "../shared"
Menu {
property alias arrowX: bgPopupMenuTopArrow.x
2020-05-28 01:42:22 +00:00
closePolicy: Popup.CloseOnPressOutsideParent
id: popupMenu
topPadding: Style.current.padding
bottomPadding: Style.current.padding
delegate: MenuItem {
id: popupMenuItem
implicitWidth: 200
implicitHeight: 40
font.pixelSize: 15
icon.color: popupMenuItem.action.icon.color != "#00000000" ? popupMenuItem.action.icon.color : Style.current.blue
contentItem: Item {
id: menuItemContent
Item {
id: menuIcon
anchors.left: parent.left
anchors.leftMargin: 12
height: popupMenuItemIcon.height
anchors.verticalCenter: parent.verticalCenter
SVGImage {
id: popupMenuItemIcon
source: popupMenuItem.icon.source
visible: false
width: 25
height: 25
}
ColorOverlay {
cached: true
anchors.fill: popupMenuItemIcon
anchors.verticalCenter: parent.verticalCenter
source: popupMenuItemIcon
color: popupMenuItem.highlighted ? Style.current.white : popupMenuItem.action.icon.color
}
}
StyledText {
anchors.left: menuIcon.right
anchors.leftMargin: 32
2020-05-28 02:26:01 +00:00
topPadding: 4
text: popupMenuItem.text
font: popupMenuItem.font
color: popupMenuItem.highlighted ? Style.current.white : Style.current.black
horizontalAlignment: Text.AlignLeft
verticalAlignment: Text.AlignVCenter
}
}
background: Rectangle {
implicitWidth: 220
implicitHeight: 40
color: popupMenuItem.highlighted ? popupMenuItem.icon.color : "transparent"
}
}
background: Rectangle {
id: bgPopupMenu
implicitWidth: 220
color: "transparent"
Rectangle {
id: bgPopupMenuTopArrow
color: Style.current.white2
height: 14
width: 14
rotation: 135
x: bgPopupMenu.width / 2 - width / 2
layer.enabled: true
layer.effect: DropShadow{
width: bgPopupMenuTopArrow.width
height: bgPopupMenuTopArrow.height
x: bgPopupMenuTopArrow.x
y: bgPopupMenuTopArrow.y + 10
visible: bgPopupMenuTopArrow.visible
source: bgPopupMenuTopArrow
horizontalOffset: 0
verticalOffset: 5
radius: 10
samples: 15
color: "#22000000"
}
}
Rectangle {
id: bgPopupMenuContent
y: 7
implicitWidth: bgPopupMenu.width
implicitHeight: bgPopupMenu.height
color: Style.current.white2
radius: 16
layer.enabled: true
layer.effect: DropShadow{
width: bgPopupMenuContent.width
height: bgPopupMenuContent.height
x: bgPopupMenuContent.x
y: bgPopupMenuContent.y + 10
visible: bgPopupMenuContent.visible
source: bgPopupMenuContent
horizontalOffset: 0
verticalOffset: 7
radius: 10
samples: 15
color: "#22000000"
}
}
}
}
2020-06-04 14:53:10 +00:00
/*##^##
Designer {
D{i:0;autoSize:true;height:480;width:640}
}
##^##*/