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

fix(AppMain): User profile image on sidebar should be a bit bigger larger 

make the profile image + badge look as designed

Closes: #6622
This commit is contained in:
Lukáš Tinkl 2022-07-26 10:24:59 +02:00 committed by Lukáš Tinkl
parent 7ba6e06bc5
commit 239b03625f
1 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
ui/app/mainui/AppMain.qml
View File

@ -221,12 +221,10 @@ Item {
StatusAppLayout { StatusAppLayout {
id: appLayout id: appLayout
width: parent.width anchors.fill: parent
anchors.top: parent.top
anchors.bottom: parent.bottom
appNavBar: StatusAppNavBar { appNavBar: StatusAppNavBar {
height: appMain.height height: parent.height
communityTypeRole: "sectionType" communityTypeRole: "sectionType"
communityTypeValue: Constants.appSection.community communityTypeValue: Constants.appSection.community
sectionModel: mainModule.sectionsModel sectionModel: mainModule.sectionsModel
@ -346,15 +344,27 @@ Item {
name: appMain.rootStore.userProfileInst.name name: appMain.rootStore.userProfileInst.name
icon.source: appMain.rootStore.userProfileInst.icon icon.source: appMain.rootStore.userProfileInst.icon
width: 32
height: 32
identicon.width: width
identicon.height: height
identicon.icon.charactersLen: 2 identicon.icon.charactersLen: 2
identicon.icon.color: Utils.colorForPubkey(appMain.rootStore.userProfileInst.pubKey) identicon.icon.color: Utils.colorForPubkey(appMain.rootStore.userProfileInst.pubKey)
identicon.ringSettings.ringSpecModel: Utils.getColorHashAsJson(appMain.rootStore.userProfileInst.pubKey) identicon.ringSettings.ringSpecModel: Utils.getColorHashAsJson(appMain.rootStore.userProfileInst.pubKey)
badge.visible: true badge.visible: true
badge.anchors.rightMargin: 4 badge.anchors {
badge.anchors.topMargin: 25 left: undefined
badge.implicitHeight: 15 top: undefined
badge.implicitWidth: 15 right: profileButton.right
bottom: profileButton.bottom
margins: 0
rightMargin: -badge.border.width
bottomMargin: -badge.border.width
}
badge.implicitHeight: 12
badge.implicitWidth: 12
badge.border.width: 2
badge.border.color: hovered ? Theme.palette.statusBadge.hoverBorderColor : Theme.palette.statusAppNavBar.backgroundColor badge.border.color: hovered ? Theme.palette.statusBadge.hoverBorderColor : Theme.palette.statusAppNavBar.backgroundColor
badge.color: { badge.color: {
switch(appMain.rootStore.userProfileInst.currentUserStatus){ switch(appMain.rootStore.userProfileInst.currentUserStatus){
@ -365,12 +375,8 @@ Item {
return Style.current.midGrey; return Style.current.midGrey;
} }
} }
badge.border.width: 3
onClicked: { onClicked: userStatusContextMenu.opened ? userStatusContextMenu.close() : userStatusContextMenu.open()
userStatusContextMenu.opened ?
userStatusContextMenu.close() :
userStatusContextMenu.open()
}
UserStatusContextMenu { UserStatusContextMenu {
id: userStatusContextMenu id: userStatusContextMenu