[#2563] Fixed hover over Join button has wrong shape

For performance reasons clipping doesn't work
with rounded corners - wrapping Join button in
an Item and apply clipping there instead

Closes #2563
This commit is contained in:
Alexandra Betouni 2021-07-20 15:08:36 +03:00 committed by Iuri Matias
parent 076a5bc5b7
commit 7ac63b4451
1 changed files with 57 additions and 52 deletions

View File

@ -254,13 +254,19 @@ Item {
anchors.top: communityNbMembers.bottom anchors.top: communityNbMembers.bottom
anchors.topMargin: Style.current.halfPadding anchors.topMargin: Style.current.halfPadding
} }
Item {
width: parent.width
height: 44
anchors.bottom: parent.bottom
clip: true
StatusButton { StatusButton {
id: joinBtn id: joinBtn
type: "secondary" type: "secondary"
anchors.top: sep2.bottom anchors.top: parent.top
anchors.topMargin: -Style.current.smallPadding
borderRadius: 16
width: parent.width width: parent.width
height: 44 height: 54
enabled: true enabled: true
//% "Unsupported state" //% "Unsupported state"
text: qsTrId("unsupported-state") text: qsTrId("unsupported-state")
@ -291,9 +297,7 @@ Item {
if (appSettings.communitiesEnabled) { if (appSettings.communitiesEnabled) {
onBtnClick(); onBtnClick();
} else { } else {
openPopup(confirmationPopupComponent, { openPopup(confirmationPopupComponent, { onConfirmed: onBtnClick });
onConfirmed: onBtnClick
});
} }
} }
@ -309,6 +313,7 @@ Item {
} }
} }
} }
}
/*##^## /*##^##
Designer { Designer {