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(Chat/Stickers): Recent stickers icon is missing 

It has been changed footer layout from Item to row.
The colour of the Add button has been changed to match the rest of the style.
The recent tab control has been changed to be consistent with other popups like gifts or emojis and the used component directly controls the different themes.

Fixes #5458
This commit is contained in:
Noelia 2022-04-11 18:17:42 +02:00 committed by Iuri Matias
parent 2e2b958e37
commit 0ee91a1d1f
1 changed files with 20 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
ui/imports/shared/status/StatusStickersPopup.qml
View File

@ -196,22 +196,22 @@ Popup {
}
}
Item {
Row {
id: footerContent
Layout.leftMargin: 8
Layout.fillWidth: true
Layout.preferredHeight: 40 - 8 * 2
Layout.topMargin: 8
Layout.rightMargin: 8
Layout.bottomMargin: 8
Layout.alignment: Qt.AlignTop | Qt.AlignLeft
leftPadding: Style.current.padding / 2
rightPadding: Style.current.padding / 2
spacing: Style.current.padding / 2
StatusQControls.StatusFlatRoundButton {
id: btnAddStickerPack
implicitWidth: 24
implicitHeight: 24
type: StatusQControls.StatusRoundButton.Type.Secondary
implicitWidth: 24
anchors.bottom: parent.bottom
anchors.bottomMargin: Style.current.padding / 2
icon.name: "add"
type: StatusQControls.StatusFlatRoundButton.Type.Tertiary
color: "transparent"
state: root.stickerPacksLoaded ? "default" : "pending"
onClicked: {
stickersContainer.visible = false
@ -219,32 +219,25 @@ Popup {
footerContent.visible = false
}
}
StatusStickerPackIconWithIndicator {
StatusQControls.StatusTabBarIconButton {
id: btnHistory
width: 24
height: 24
selected: true
useIconInsteadOfImage: true
source: Style.svg("history")
anchors.left: btnAddStickerPack.right
anchors.leftMargin: Style.current.padding
icon.name: "time"
highlighted: true
onClicked: {
btnHistory.selected = true
highlighted = true
stickerPackListView.selectedPackId = -1
stickerGrid.model = recentStickers
}
}
ScrollView {
anchors.top: parent.top
anchors.left: btnHistory.right
anchors.leftMargin: Style.current.padding
anchors.right: parent.right
height: 32
clip: true
id: installedStickersSV
ScrollBar.vertical.policy: ScrollBar.AlwaysOff
anchors.bottom: parent.bottom
height: 32
clip: true
ScrollBar.vertical.policy: ScrollBar.AlwaysOff
RowLayout {
id: stickersRowLayout
spacing: Style.current.padding
@ -263,7 +256,7 @@ Popup {
Layout.preferredHeight: height
Layout.preferredWidth: width
onClicked: {
btnHistory.selected = false
btnHistory.highlighted = false
stickerPackListView.selectedPackId = packId
stickerGrid.model = stickers
}