marcoallegretti/shift-shell
1
0
Fork 0
mirror of https://invent.kde.org/marcoa/shift-shell.git synced 2026-04-28 06:33:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

better layout when the space is scarce

Browse source
This commit is contained in:
Marco Martin 2015-06-18 18:53:17 -07:00
parent 58bc75eef4
commit c52a96e984
1 changed files with 41 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
applets/notifications/contents/ui/NotificationStripe.qml
View file

@ -97,11 +97,8 @@ MouseArea {
PlasmaComponents.Label {
id: appLabel
anchors {
left: parent.left
verticalCenter: parent.verticalCenter
leftMargin: units.gridUnit * 3
}
anchors.leftMargin: units.gridUnit * 3
color: PlasmaCore.ColorScope.textColor
text: model.appName
}
@ -109,23 +106,24 @@ MouseArea {
Column {
id: messageLayout
anchors {
left: appLabel.right
right: icon.left
verticalCenter: parent.verticalCenter
rightMargin: units.smallSpacing
left: parent.left
right: icon.left
leftMargin: units.gridUnit * 3
}
PlasmaComponents.Label {
anchors {
right: parent.right
left: parent.left
}
id: summaryLabel
anchors.right: parent.right
width: messageLayout.width - appLabel.width
horizontalAlignment: Qt.AlignRight
verticalAlignment: Qt.AlignVCenter
text: summary + (!notificationItem.expanded && body ? "..." : "")
wrapMode: Text.WordWrap
}
PlasmaComponents.Label {
id: bodyLabel
anchors {
right: parent.right
left: parent.left
@ -136,9 +134,9 @@ MouseArea {
text: body
wrapMode: Text.WordWrap
}
}
PlasmaCore.IconItem {
id: icon
anchors {
@ -174,4 +172,34 @@ MouseArea {
}
}
}
states: [
State {
name: "large"
when: appLabel.width + bodyLabel.paintedWidth < messageLayout.width
AnchorChanges {
target: appLabel
anchors {
verticalCenter: parent.verticalCenter
top: undefined
left: parent.left
}
}
PropertyChanges {
}
},
State {
name: "compact"
when: notificationItem.state != "large"
AnchorChanges {
target: appLabel
anchors {
verticalCenter: undefined
top: messageLayout.top
left: parent.left
}
}
}
]
}