make search usable on mobile

This commit is contained in:
Malte E 2022-02-18 21:06:28 +01:00
parent b124cdfca2
commit 144e7cd038
2 changed files with 19 additions and 1 deletions

View File

@ -13,7 +13,7 @@ Popup {
property int textHeight: Math.round(Qt.application.font.pixelSize * 2.4)
background: null
width: Math.round(parent.width / 2)
width: Math.min(Math.max(Math.round(parent.width / 2),450),parent.width) // limiting width to parent.width/2 can be a bit narrow
x: Math.round(parent.width / 2 - width / 2)
y: Math.round(parent.height / 4 - height / 2)
modal: true

View File

@ -673,6 +673,24 @@ Page {
}
}
ImageButton {
visible: !collapsed
Layout.fillWidth: true
hoverEnabled: true
ripple: false
width: 22
height: 22
image: ":/icons/icons/ui/search.svg"
ToolTip.visible: hovered
ToolTip.delay: Nheko.tooltipDelay
ToolTip.text: qsTr("Search rooms (Ctrl+K)")
Layout.margins: Nheko.paddingMedium
onClicked: {
var quickSwitch = quickSwitcherComponent.createObject(timelineRoot);
quickSwitch.open();
}
}
ImageButton {
visible: !collapsed
Layout.fillWidth: true