Bug 504440

Summary:	Make the app more mobile friendly on Librem5
Product:	[Applications] kasts	Reporter:	Marco <thomasschmidt45>
Component:	general	Assignee:	bart
Status:	REPORTED ---
Severity:	wishlist
Priority:	NOR
Version First Reported In:	25.04.0
Target Milestone:	---
Platform:	Flatpak
OS:	Linux
Latest Commit:		Version Fixed In:
Sentry Crash Report:

Description Marco 2025-05-17 20:50:18 UTC

***
Make the app more mobile friendly on Librem5:
1. The episode title should be 2 lines instead of 1 where never more than three to four words are shown
2. In episode overview it should be possible to show the content of the episode somewhere. I usually want to know the content, before I decide to download and listen to the episode.
3. In settings the left side-panel should auto-hide if the width is small.

***

SUMMARY
Make the app more mobile friendly. A lot of buttons and content is pressed in small width. Put more content in columns.

STEPS TO REPRODUCE
1. Open episode overview
2. Episode title is barely readable, episode content is inaccessible
3. Episode position slider has 1cm  width, making it unusable for everything.
4. Open settings doesn't work correctly

OBSERVED RESULT
In settings only left panel and 2cm of main panel is visible. Main panel can not be used.

EXPECTED RESULT
Episode title is at least two lines, making it readable in phone potrait modus. With a click on an (info) button in the episode item the messagebox with the episode content opens. If settings dialog opens, the left side panel should auto-hide and the content has the full screen width.

SOFTWARE/OS VERSIONS
KDE Frameworks Version: 6.13
Qt Version: 6.8.3

ADDITIONAL INFORMATION
I am one of the supporters from last Christmas (Marco Ryll).

Comment 1 bart 2025-05-21 11:32:13 UTC

It sounds like the app is still in desktop mode rather than mobile mode.  Can you go into Settings > Appearance > Optimize interface for mobile/desktop usage, and set that to Mobile?

That should solve most, if not all, of your issues.

Comment 2 Marco 2025-05-26 18:52:11 UTC

Oh yes, that changed a lot. The settings page now fits the screen and I can view the episode content before download.
However, two lines for the episode title like in AntennaPod would still be great. And then there is the question why the mobile form factor was not detected.

Comment 3 bart 2025-05-26 19:16:37 UTC

The app layout is currently controlled by the QT_QUICK_CONTROLS_MOBILE environment variable, like most qml apps.  This works well on plasma mobile-based distros, but most other mobile distros that are based on Phosh don't set this environment variable.  Hence, the app has the wrong layout out of the box.

I've been thinking about refactoring the layout to make it fully convergent without relying on the env variable.  But that would mean completely overhauling the current interface on desktop, which is the majority of the userbase.  It's very likely going to happen, but I need to find the time to actually do it. :)
BTW that will perhaps not solve all form-factor-detection issues, since that environment variable also changes the underlying widgets to be more touch-friendly.

The two lines might be worth implementing indeed.