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: fix tab bar buttons still having a margin when invisible

This commit is contained in:
Jonathan Rainville 2020-10-30 15:40:53 -04:00 committed by Iuri Matias
parent 1122b33ff8
commit 53b0c74fd2
2 changed files with 5 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
ui/app/AppMain.qml
View File

@ -64,6 +64,7 @@ RowLayout {
id: chatBtn
anchors.horizontalCenter: parent.horizontalCenter
icon.name: "message"
anchors.topMargin: 0
Rectangle {
visible: chatsModel.unreadMessagesCount > 0
@ -88,30 +89,20 @@ RowLayout {
StatusIconTabButton {
id: walletBtn
anchors.top: chatBtn.top
anchors.topMargin: 50
anchors.horizontalCenter: parent.horizontalCenter
enabled: isExperimental === "1" || appSettings.walletEnabled
visible: this.enabled
height: this.enabled ? 40 : 0
icon.name: "wallet"
}
StatusIconTabButton {
id: browserBtn
anchors.top: walletBtn.top
anchors.topMargin: 50
anchors.horizontalCenter: parent.horizontalCenter
enabled: isExperimental === "1" || appSettings.browserEnabled
visible: this.enabled
height: this.enabled ? 40 : 0
icon.name: "compass"
}
StatusIconTabButton {
id: profileBtn
anchors.top: browserBtn.top
anchors.topMargin: 50
anchors.horizontalCenter: parent.horizontalCenter
icon.name: "profile"
Rectangle {
@ -137,22 +128,14 @@ RowLayout {
StatusIconTabButton {
id: nodeBtn
enabled: isExperimental === "1"
visible: this.enabled
height: this.enabled ? 40 : 0
anchors.top: profileBtn.top
anchors.topMargin: 50
anchors.horizontalCenter: parent.horizontalCenter
icon.name: "node"
}
StatusIconTabButton {
id: uiComponentBtn
enabled: isExperimental === "1"
visible: this.enabled
height: this.enabled ? 40 : 0
anchors.top: nodeBtn.top
anchors.topMargin: 50
anchors.horizontalCenter: parent.horizontalCenter
icon.name: "node"
}
}

5
ui/shared/status/StatusIconTabButton.qml
View File

@ -7,8 +7,11 @@ import "../../shared/status"
TabButton {
id: control
visible: enabled
width: 40
height: 40
height: enabled ? 40 : 0
anchors.topMargin: enabled ? 50 : 0
anchors.horizontalCenter: parent.horizontalCenter
property color iconColor: Style.current.secondaryText
property color disabledColor: iconColor
property int iconRotation: 0