Index: sources/gui/qml/components/NotificationBar.qml =================================================================== diff -u -rc71946746586d5a4061ad866ce7dbbaf74b9798a -r8f83b92860a33498ea7856e63afef0a10ee11923 --- sources/gui/qml/components/NotificationBar.qml (.../NotificationBar.qml) (revision c71946746586d5a4061ad866ce7dbbaf74b9798a) +++ sources/gui/qml/components/NotificationBar.qml (.../NotificationBar.qml) (revision 8f83b92860a33498ea7856e63afef0a10ee11923) @@ -28,14 +28,14 @@ property alias isSilenced : _muteButton.isSilenced property alias timeout : _muteButton.timeout property alias backgroundColor : _root.color - property alias iconVisible : _icon.visible + property alias iconVisible : _muteImage.visible property bool enableMute : true clip : true // the mute button expands so we need to clip the outside unwanted area. visible : _text.text height : Variables.notificationHeight color : Colors.textNotificationNoneBg - radius : Variables.dialogRadiusHalf + radius : Variables.dialogRadius anchors { bottom : parent.bottom left : parent.left @@ -47,8 +47,15 @@ signal listClicked() signal maximizeClicked() - Image { - id: _icon + property bool backgroundFading : false + Fader { + fadingProperyTarget : _root + fadingProperyRunning: backgroundFading + fadingProperyName : "backgroundColor" + fadingProperyValue : backgroundColor + } + + Image { id: _muteImage source: "qrc:/images/iAlarm" anchors.right: _text.left anchors.rightMargin: Variables.notificationBarIconMargin; @@ -113,10 +120,10 @@ rightMargin : Variables.silenceIconMargin * 2 } - Image { id: _image + Image { id: _alarmListImage anchors.centerIn: parent - height : 25 - width : 25 + height : Variables.iconsDiameter + width : Variables.iconsDiameter source : "qrc:/images/iList" }