Missing transaction search on mobile

[qck4fun]

Support guidelines

• [X] I've read the support guidelines

I've found a bug and checked that ...

• [X] ... the documentation does not mention anything about my problem
• [X] ... there are no open or closed issues that are related to my problem
• [X] ... it's definitely a Firefly III issue, not me

Description

When opening Firefly on a mobile phone I cannot search through transactions because the input field is missing. I've tested it in a browser simulating phone (iphone 12 pro) and it's not there, but when switching for example to iphone 12 pro max then the input field reappears.

I believe it has something to do with device's width only.. maybe it's a feature to not show it on smaller devices, but I was used to conveniently search through and now I can't :cry:

Debug information

Debug information generated at 2023-09-15 17:10:33 for Firefly III version v6.0.23.

System information
Item	Value
Firefly III	v6.0.23 / v2.0.7 / 20(exp. 20)
PHP version	8.2.9 / apache2handler / Linux
BCscale	12
Error reporting	Display: Off, reporting: ALL errors
Max upload	67108864 (64 MB)
Database drivers	*mysql*, pgsql, sqlite,
Docker build	#636, base #37

Firefly III information
Item	Value
Timezone	Europe/Prague + Europe/Prague
App environment	local, debug: false
Logging	info,/ (empty)
Cache driver	file
Default language and locale	en_US + equal
Trusted proxies	**
Login provider & user guard	eloquent / web
Login headers	N/A + N/A
Stateful domains

User-specific information
Item	Value
User	#1 of 1
User flags	:wrench: :bookmark_tabs: :email:
Session start	2023-09-01 00:00:00
Session end	2023-09-30 23:59:59
View range	1M
User language	en_US
User locale	en_US
Locale(s) supported	en_US.utf8: :white_check_mark: en_US.UTF-8: :white_check_mark:
User agent	Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/117.0

Expected behaviour

Transaction search input field is visible and usable for searching through transactions even on smaller devices

Steps to reproduce

1. open browser with your firefly instance
2. go to web developer tools
3. switch to responsive design mode
4. check left side menu when on iphone 12 pro vs. iphone 12 pro max for example

Additional info

No response

[JC5]

Yea sometimes there's just no room. Browse to /search instead :)

[ShanSanear]

But there was room for this in one of the earlier versions, without any changes to the UI in the meantime. I think last time I saw it was with 6.0.18.
If I remember correctly it was over"Dashboard". Sure, not too much room for it but it was there to use, which is just easier than browsing to specific endpoint (to which to there is no link, and on mobile it is a bit harder). Granted, rotating phone to landscape mode works, but then typing is more awkward.

Would it be possible in that case to at least have search button to quickly navigate to it?

[JC5]

Sorry, I'm not going to hack away in this layout anymore. I've been over promising and under delivering the new layout for plenty of time now, so that's what I'm going to focus on first.

[github-actions[bot]]

Hi there! This is an automatic reply. Share and enjoy

This issue is now 🔒 closed. Please be aware that closed issues are not watched.

• If the original bug is not actually fixed, please feel free to open a new issue. Please refer to this issue for clarity.
• Follow-up questions must be posted in a new discussion
• Further replies to this issue will get no response.

Thank you for your contributions.