πŸ‡ΊπŸ‡¦ We stand with Ukraine! πŸ‡ΊπŸ‡¦

Reduce OctoDash Screen Image Size

I have OctoDash set up on a Hyperpixel 4, in a self-designed enclosure. I'm finding that some of the elements -- like the scroll bars, and that tiny little disclosure triangle that's often at the top of the Display -- are a bit too close to the edge of the frame to be easy-to-use touch targets. It's probably counter-intuitive to try to reduce the screen image at that size, but I was thinking that if I were to do this just enough to bring them away from the edge of the frame, they might work a bit better. The question is -- how?

I did some quick research into settings that might reduce the Display Image size, though I'm concerned that it wouldn't also reduce the touch overlay. There doesn't seem to be anything specific to the Hyperpixel 4 to do this, either. (It's a great Display, but from what I've read, I feel as though I'm lucky to have it working at all.)

Then I was thinking about using CSS to reduce what I guess would be referred to as the "Viewport" in web design terms (?), but I didn't see anything in the OctoDash settings that seemed as though it would correspond.

Having OctoDash set up is an extra, and this isn't a difficult problem to work around, but my ability to hit touch targets is not improving with age! So I'd be curious as to any recommendations as to how I might go about this.

I think you would have to go the route of reducing the whole display resolution and the touch overlay dimensions to match, because a lot of those swipe/gesture movements are based from edges. For this reason it would probably also prevent a CSS hack to work to fix this too. You could potentially modify your enclosure design to add a bevel around the edge that thins out toward the screen? The case I made allows the screen to be the entire top with no bevel.

I thought it might come to that -- I'm hesitant to do anything with the Hyperpixel 4 that might upset the delicate balance of it working properly! (I haven't even been able to get it to automatically rotate to landscape on restart, though I rarely have to restart as it is.)

I guess what I might be able to do is to make the scroll bars more wide -- that would at least make those easier to use, and that CSS shouldn't be too difficult to work out.

(I may also consider an adjustment to the bezel -- that's a seperate part of the enclosure, easy to print.)

Thanks!