ESCA111/neochat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve scrolling behaviour of emoji picker on desktop, show scrollbars for categories

Browse Source 
Signed-off-by: Claudio Cambra <claudio.cambra@gmail.com>
This commit is contained in:
Claudio Cambra
2022-10-12 14:20:47 +02:00
committed by Tobias Fella
parent 47a4e5c447
commit dc8b68931e
1 changed files with 107 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
imports/NeoChat/Component/Emoji/EmojiPicker.qml
View File

@@ -20,14 +20,13 @@ ColumnLayout {
spacing: 0
ListView {
ScrollView {
Layout.fillWidth: true
Layout.preferredHeight: Kirigami.Units.gridUnit * 2 + 2 // for the focus line
boundsBehavior: Flickable.DragOverBounds
Layout.preferredHeight: Kirigami.Units.gridUnit * 2 + ScrollBar.horizontal.height + 2 // for the focus line
ScrollBar.horizontal.height: ScrollBar.horizontal.visible ? ScrollBar.horizontal.implicitHeight : 0
ListView {
clip: true
orientation: ListView.Horizontal
model: ListModel {
@@ -77,22 +76,22 @@ ColumnLayout {
onClicked: emojiCategory = category
}
}
}
Kirigami.Separator {
Layout.fillWidth: true
Layout.preferredHeight: 1
}
GridView {
ScrollView {
Layout.fillWidth: true
Layout.preferredHeight: Kirigami.Units.gridUnit * 8
Layout.fillHeight: true
GridView {
cellWidth: Kirigami.Units.gridUnit * 2
cellHeight: Kirigami.Units.gridUnit * 2
boundsBehavior: Flickable.DragOverBounds
clip: true
model: {
@@ -159,7 +158,6 @@ ColumnLayout {
emojiModel.emojiUsed(modelData)
}
}
ScrollBar.vertical: ScrollBar {}
}
}
}