resources: main: Correctly scale and wrap text in slider items

[mschwan-phytec]

Correctly scale and wrap the text in the main page's slider items. Also prevent the items' header text from being elided. This text should be always readable. Only the longer description text may be elided.

Shrink the default window size to 640x480 pixels allowing smaller displays to correctly display the application.

[andrejpicej]

This icon feels too small for me. I would leave it as it is.

[andrejpicej]

Same here, it looks too small for me:

Suggested change

	Layout.fillWidth: true
	font.pointSize: Math.max(0.015 * parent.width, 24)
	horizontalAlignment: Text.AlignHCenter
	Layout.fillWidth: true

With suggested changes, it looks like this:

This is on a 800x480 display, what do you think?

[mschwan-phytec]

I should have mentioned that I plan to use Qt's global scaling mechanisms to adjust the application's font sizes, instead of manually tweaking each label. This has also the benefit of other elements and controls scaling proportionally.

Could you try running qtphy with QT_SCALE_FACTOR=2 and see if that looks better?

[mschwan-phytec]

I've also changed the cards' name label styling to use horizontalAlignment: Text.AlignHCenter as you suggested, and applied HTML header styling to it. That should do the trick without worrying about exact font sizes.

[andrejpicej]

Yes this is better now. Does it make sense to make a card name appear bigger than the description?

Tried bold name, but IMHO it is not really a sufficient change.

[mschwan-phytec]

Please refetch the latest changes and test again.

[andrejpicej]

Nice, it look better now (with 1.6 scale factor):

Thanks.

[andrejpicej]

Using this scale factor is fine for scrolling through the tiles, but also every page gets scaled. On some pages this means that they are not really useable. Did you also notice this?

[mschwan-phytec]

What do you mean by "not usable"? Can you give an example?

I observed that the image viewer displays the actual images a little too small and the device information does not allow scrolling. Do you mean something like that?

[andrejpicej]

Yes image viewer problem and for example, the widget factory gets scaled too much, so you have to scroll left to right to see all widgets. So it looks to me that the tiles icons and text are not really in proportion with the pages. Either we get pages that are scaled too much or tiles that are too small.
(complete display with 1.6 scale)

Can we disable scaling for pages (or at least for some pages)? If you are using different screen size the results might be different/ok.

[mschwan-phytec]

I see. The correct way to solve this would be to create our own QML style with adjusted paddings and sizes. Unfortunately, for the i.MX8M release we won't be able to fix this in time. Before the i.MX93 release we will also try and fix this. But for now, is it okay, if we merge it as is?

[andrejpicej]

I think it is okay for now. And lets finalize the scaling stuff before the next i.MX93 release