Support portait UI

[ShadeTechnik]

Just moving this over from the other repo....

I have a slightly different hardware setup than the retail HestiaPi using the same screen. This setup requires the screen run upright or "portrait" orientation.

The home directory of the HestiaPi contains LCD scripts from the OEM, one of them makes it pretty easy to reorient the LCD itself. The main page of the UI doesn't take well to being rotated, the rest of the UI like the pop-ups and info screen appear fine.

I've tried modifying the UI but it's shooting blind unless you have some experience with that environment. I'm sure given the option some people may prefer the portrait style UI on the retail HestiaPi as well.

[jaythomas]

Unfortunately the styling would have to be rewritten to use a CSS grid or flexbox layout to support both orientations. This UI targets the pi zero distributions which in turn run kweb browser to display the UI. Given the limited functionality of that browser everything is currently absolutely positioned.

If a more capable version of the HestiaPi were released we could move to Chromium/Electron/Tauri or the like and rewrite the CSS to use a CSS grid or flexbox.

Are you using the original screen (same size and aspect ratio)? To improve the UI capabilities and performance on the pi zero in my opinion would be to get rid of the kiosk browser altogether and write a native system app that runs in full screen. I no longer have a Hestia Touch One, otherwise I'd be glad to explore one of these avenues.

[blazini36]

Most of that is over my head lol. I assumed it could be achieved by resizing the hardcoded assets. I did try this and it worked but it was far too difficult to figure out what, where, and how much to change in that .vue file without knowing what you're doing.

I am using the same screen that comes with the official HestiaPI and I'm using a Pi Zero 2 W. My PCB is just different, some different circuits and a different shape to suit where I wanted to install it. Software wise it's compatible with the official setup, I tried to avoid messing with software.

It's been working fine for me, it just looks funny. If you're looking to further develop (and add a portrait mode UI) I could send you one of my setups. There's no case as I was planning on doing something custom, and the Hestia case won't fit it Otherwise it should be compatible.