higher fidelity to the notifications mockup

This commit is contained in:
Aaron Seigo 2014-09-29 23:01:19 +02:00
parent 1e20ad8734
commit d344ffef3a

View file

@ -60,7 +60,7 @@ MouseArea {
} else { } else {
x = 0; x = 0;
} }
} else { } else if (body) {
expanded = !expanded; expanded = !expanded;
} }
} }
@ -70,6 +70,7 @@ MouseArea {
id: icon id: icon
width: units.iconSizes.medium width: units.iconSizes.medium
height: width height: width
visible: !root.expanded
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
x: units.largeSpacing x: units.largeSpacing
y: 0 y: 0
@ -81,6 +82,7 @@ MouseArea {
clip: true clip: true
height: parent.height height: parent.height
width: height / 2 width: height / 2
visible: !root.expanded
anchors { anchors {
left: icon.right left: icon.right
leftMargin: units.largeSpacing leftMargin: units.largeSpacing
@ -111,7 +113,8 @@ MouseArea {
width: parent.width - icon.width - rounded.width - (units.largeSpacing * 2) width: parent.width - icon.width - rounded.width - (units.largeSpacing * 2)
height: parent.height height: parent.height
anchors { anchors {
left: rounded.right left: root.expanded ? root.left : rounded.right
right: root.right
top: parent.top top: parent.top
} }
@ -125,7 +128,7 @@ MouseArea {
id: summaryText id: summaryText
anchors.fill: parent anchors.fill: parent
clip: true clip: true
horizontalAlignment: Qt.AlignLeft horizontalAlignment: root.expanded ? Qt.AlignHCenter : Qt.AlignLeft
verticalAlignment: Qt.AlignVCenter verticalAlignment: Qt.AlignVCenter
color: "white" color: "white"
text: summary + (root.expanded ? (body ? "\n" + body : '') : text: summary + (root.expanded ? (body ? "\n" + body : '') :
@ -141,6 +144,7 @@ MouseArea {
anchors { anchors {
left: summaryArea.right left: summaryArea.right
top: parent.top top: parent.top
bottom: parent.bottom
} }
gradient: root.textGradient gradient: root.textGradient