App Doesn't Fit On Mobile Devices

[gondolyr]

• Version: 1.6.0 (Flatpak)
• Operating System: PureOS (Debian-based)
• Severity: Minor annoyance

The app doesn't fit on a Librem 5 without turning on scaling from the phosh-mobile-settings app. The problem with turning on scaling is that the inputs, buttons, and text become small and difficult to read and tap. I expect the app to adapt to the screen like some other GNOME apps like Flatseal and Fragments shown below with the screenshots.

There seems to be a minimum width set for the app that is preventing the app from resizing to 360px wide (the Librem 5's screen width). I think it's defined here in window.ui, though I'm not sure as I'm not familiar with GTK.

Screenshots

IPlan - Scaling Off


IPlan - Scaling On


Flatseal Example


Fragments Example


[iman-salmani]

Hi @gondolyr thanks for reporting this. Application windows (except for the shortcuts window) are now able to scale down to 360x294. Version 1.7 will be available on Flathub today or tomorrow. I will keep this issue open until the shortcuts window gets fixed. If you experienced any annoying layout or widget feel free to open another issue or continue that here.

[gondolyr]

1.7.0 looks good on the Librem 5 now. Thanks!

Edit: Accidentally forgot about the shortcuts window and closed the issue. I've reopened it.

[gondolyr]

I've encountered a couple more UI paper cuts on mobile.

Edit: Checkmarks and crosses are as of 1.9.2.

❌ New Project and Edit Project - Icon picker is cut off

Edit: 1.9.2: The menu is still cut off, just differently.  

❌ Long task name is difficult to press the task itself and not the name

A task with a long enough name becomes difficult to enter the task's view and not instead rename the task.  Here I accidentally press on the name and it opens up an input box to rename it.  I am trying to open up this view. 

✅ Reminders - There's a weird space beween the month and day


✅ Subtask - Context menus are cut off from the screen

 This includes the calendar picker.  ### The following are context menus that **_do_** fit ##### Headerbar  ##### Section There's also a horizontal rule here that isn't present here in the other context menus between "Done tasks" and "Delete section". I don't have a preference to either style currently but having this be consistent with the rest or having the other context menus adjusted to match this style would be preferred.  ##### Project Task (Not subtask) This is from the main project task list, not a subtask of a task. On another note, this context menu's text is bold while in the other examples I provided, the text is not bolded. 

✅ Calendar - App is wider than screen

This is from the calendar tab on the left navigation menu. ✅ Note that the headerbar hamburger menu is too close to the right edge of the screen.  ✅ The main body is also too wide and can be scrolled left and right to see more.  

❌ Add task - Inconsistent box/border around button

This is present on all views where tasks can be added. When there are no tasks or subtasks added, there is a defined and visible border around the button. Once a single task is added, the border disappears and it's a bit more difficult to know what areas are pressable for it. This is most obvious on the Calendar view shown below.  Edit (1.8.1): This is fixed for some views but the issue is still present in the list of subtasks.

❌ Sections - No snapping or navigation between sections in horizontal view

I would like to have the app center the view on each section when scrolling is necessary but only in horizontal mode. Having a navigation list to jump to each section would be nice too.  Because there's no snapping, it is challenging to perfectly center the view. 

[iman-salmani]

Thank you. I will work on it.

[iman-salmani]

Hi @gondolyr. It seems popovers only have this positioning issue inside secondary windows. do you experience this in other apps too? if so I think creating an issue about this in Phosh would be helpfull. by the way, I aligned them to the edge of the screen so it should be better now.

[gondolyr]

It seems popovers only have this positioning issue inside secondary windows. do you experience this in other apps too?

Now that you've mentioned it, I checked Fragments and Mousai and noticed the issue there inside secondary windows as well. I'll have to do some digging to see if I should file this upstream with GTK or Phosh.