+- Moode Forum (https://moodeaudio.org/forum)
+-- Forum: moOde audio player (https://moodeaudio.org/forum/forumdisplay.php?fid=3)
+--- Forum: Support (https://moodeaudio.org/forum/forumdisplay.php?fid=7)
+--- Thread: [SOLVED] GUI CSS questions (/showthread.php?tid=3328)
GUI CSS questions - MJR42 - 01-03-2021
Happy New Year, everyone! Here's hoping 2021 is a better year.
With the help of a few folks in this forum I've been able to figure out how to create my own version of the GUI for a small (5" 800x480) touchscreen to control my moOde box locally.
I've made a lot of progress using a Windows desktop for development, as outlined in "other\build\moOde development with gulp.odt", and now I'd like to try my moode.css on the actual RPi. I've got two questions I'm hoping that someone will help with:
- Is there a simple way to transfer the moode.css file onto the RPi and replace the existing one, without having to create a full boot image?
- As a first step to see whether the css would look different on another machine, I transferred the file to my laptop with an identical build environment. The display looks different, and I'm not sure why. It may be that the screen resolution changes something, but I'm using Chrome to set the screen size to 800x480 in both cases, and both the desktop and the laptop are 1920x1080. It looks like its related to font sizing somehow - I've set all the fonts I change using rem units, but the fonts are clearly a different size on the laptop. If anyone can suggest where/how I should be looking to identify the source of the difference, I'd appreciate it. I know this may be a noob CSS question, and if it is, some pointers to keywords/concepts so that I know what to read up on would be appreciated.
RE: GUI CSS questions - MJR42 - 01-06-2021
BTW, this is for v.7.0.1, so testing on my RPi is not as simple as copying the moode.css file over the existing one. I'm hoping someone can advise.
I see that others have asked for better displays sizes for 5" displays, and I think I'm making good enough progress to offer that in a few weeks (months?) I'll have a modified moode.css that I'd be willing to contribute.
Michael
RE: GUI CSS questions - MJR42 - 01-09-2021
Well, given enough time, sometimes we can answer our own questions.
I found the min files in my development environment build, and transferred them to the pi. Once I set the ownership properly, it worked easily.
Next problem is figuring out what the actual viewport size is so that I can properly activate the modifications on my touchscreen