status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

uiux(Communities): fine-tune header button component to align with designs

This commit is contained in:
Pascal Precht 2021-04-09 11:13:09 +02:00 committed by Iuri Matias
parent bf67c941ff
commit b76468e675
1 changed files with 21 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
ui/app/AppLayouts/Chat/CommunityComponents/CommunityHeaderButton.qml
View File

@ -47,27 +47,30 @@ Button {
} }
Item {
StyledText { height: childrenRect.height
id: communityName width: childrenRect.width
text: chatsModel.communities.activeCommunity.name
anchors.left: communityImage.right anchors.left: communityImage.right
anchors.leftMargin: Style.current.halfPadding anchors.leftMargin: Style.current.halfPadding
anchors.top: parent.top anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 15
font.weight: Font.Medium
}
StyledText { StyledText {
id: communityNbMember id: communityName
text: chatsModel.communities.activeCommunity.nbMembers === 1 ? text: chatsModel.communities.activeCommunity.name
qsTr("1 member") : font.pixelSize: 15
qsTr("%1 members").arg(chatsModel.communities.activeCommunity.nbMembers) font.weight: Font.Bold
anchors.left: communityName.left }
anchors.top: communityName.bottom
font.pixelSize: 12 StyledText {
font.weight: Font.Thin id: communityNbMember
color: Style.current.secondaryText text: chatsModel.communities.activeCommunity.nbMembers === 1 ?
qsTr("1 member") :
qsTr("%1 members").arg(chatsModel.communities.activeCommunity.nbMembers)
anchors.left: communityName.left
anchors.top: communityName.bottom
font.pixelSize: 14
color: Style.current.secondaryText
}
} }
} }