diff --git a/shell/contents/components/NotificationStripe.qml b/shell/contents/components/NotificationStripe.qml new file mode 100644 index 00000000..ab8baaa0 --- /dev/null +++ b/shell/contents/components/NotificationStripe.qml @@ -0,0 +1,81 @@ +import QtQuick 2.0 +import org.kde.plasma.core 2.0 as PlasmaCore + +Rectangle { + id: root + color: "#00000000" + height: units.gridUnit * 2 + anchors { + bottomMargin: units.smallSpacing + topMargin: units.smallSpacing + } + + property var textGradient: Gradient { + GradientStop { position: 1.0; color: "#FF00000C" } + GradientStop { position: 0.0; color: "#00000C00" } + } + property color textGradientOverlay: "#9900000C" + + PlasmaCore.IconItem { + id: icon + width: units.iconSizes.medium + height: width + x: units.largeSpacing + y: 0 + source: "im-user" + } + + Item { + id: rounded + clip: true + height: parent.height + width: height / 2 + anchors { + left: icon.right + leftMargin: units.largeSpacing + } + + Rectangle { + height: parent.height + width: parent.width * 2 + radius: height + anchors { + left: parent.left + top: parent.top + } + + gradient: root.textGradient + + Rectangle { + anchors.fill: parent + radius: height / 2 + color: textGradientOverlay + } + } + } + + Rectangle { + id: summary + width: parent.width - icon.width - rounded.width - (units.largeSpacing * 2) + height: parent.height + + anchors { + left: rounded.right + top: parent.top + } + + gradient: root.textGradient + Rectangle { + anchors.fill: parent + color: textGradientOverlay + } + + Text { + anchors.fill: parent + horizontalAlignment: Qt.AlignLeft + verticalAlignment: Qt.AlignVCenter + color: "white" + text: "Hoo ha!" + } + } +} \ No newline at end of file