Index: sources/gui/qml/components/ModalDialog.qml =================================================================== diff -u -rea51c0546c7061d225e7b9d8b754554c65f0d1b1 -rdeaef8b5bdfe9be7293e63fb6ac256a9ce3cd3f4 --- sources/gui/qml/components/ModalDialog.qml (.../ModalDialog.qml) (revision ea51c0546c7061d225e7b9d8b754554c65f0d1b1) +++ sources/gui/qml/components/ModalDialog.qml (.../ModalDialog.qml) (revision deaef8b5bdfe9be7293e63fb6ac256a9ce3cd3f4) @@ -16,6 +16,7 @@ // Qt import QtQuick 2.12 import QtQuick.Controls 2.12 // Dialog +import QtGraphicalEffects 1.12 // Project // Qml imports @@ -35,6 +36,7 @@ property alias radius : _backgroundRect.radius property alias notificationText : _notification.text property alias notification : _notification + property bool showDropShadow : false width : Variables.dialogWidth height : Variables.dialogHeight @@ -50,16 +52,28 @@ closePolicy: Dialog.NoAutoClose Overlay.modal : Rectangle { id : _borderRect - anchors.fill : parent - anchors.bottomMargin: _alarmBar.visible ? Variables.notificationHeight : 0 - color : "#B3000000" + anchors.fill : parent + anchors.bottomMargin: _alarmBar.visible ? Variables.notificationHeight : 0 + color : "#99000000" Behavior on opacity { NumberAnimation { duration: 300} } } background: Rectangle { id: _backgroundRect color : Colors.backgroundDialog radius: Variables.dialogRadius + + layer.enabled: showDropShadow + layer.effect: DropShadow { + id: _dropShadow + horizontalOffset: 4 + verticalOffset : 4 + radius : 12 + samples : 32 + color : "#4DFFF8E1" + source : _backgroundRect + anchors.fill : _backgroundRect + } } onVisibleChanged: {