I am using a waveshare 7.9" DSI display for moode. I noticed that when I try to change the font size for the playlist from "large" to "larger" then the playlist display is not OK anymore (as shown itn he enclosed pictures): it it could be possible, I would accept less lines for the playlist, but with a bigger font.
The global font setting in Preferences was never fully implemented, mainly due to lack of manpower. Maybe a dev will take on the challenge to get it fully working and tested.
I am using a waveshare 7.9" DSI display for moode. I noticed that when I try to change the font size for the playlist from "large" to "larger" then the playlist display is not OK anymore (as shown itn he enclosed pictures): it it could be possible, I would accept less lines for the playlist, but with a bigger font.
Thank you in advance
Hi,
well - this is possible, BUT ....
1. it is to some extent your personal preference how big the font should be - others may disagree with it...
2. it's a bit difficult to get the right settings without having the physical screen for testing, as it may be that the emulated screen doesn't fit exactly Your screen
--> this would involve You for setting up remote debugging - which is not a big thing, but still needs some things to prepare...
As the CSS-style file is merged an minimized it's not so easy to add new settings without a development environment...
If Your willing to put some effort in it, I could help You with the things that have to be done... at least You will need to setup the remote debugging...
Cheers,
Stephan
PS: The values You are looking for are in the media.css file for
Code:
@media (max-height:479px) and (orientation:landscape)
at line 259 ff: ".playqueue .pll1" ".playqueue .pll2" and ".playqueue-action"
for Your case one would need a new media setting
Code:
@media (max-height:300px) and (orientation:landscape)
(11-10-2024, 06:57 PM)Tim Curtis Wrote: The global font setting in Preferences was never fully implemented, mainly due to lack of manpower. Maybe a dev will take on the challenge to get it fully working and tested.
Hi Tim,
wouldn't it be a good idea to include an empty "css/user.css" to "header.php" (after <link rel="stylesheet" href="css/main.min.css"> ) ?
So one could add settings like these easily without a development environment and just copy the changed file in case of an moode-upgrade...
I am using a waveshare 7.9" DSI display for moode. I noticed that when I try to change the font size for the playlist from "large" to "larger" then the playlist display is not OK anymore (as shown itn he enclosed pictures): it it could be possible, I would accept less lines for the playlist, but with a bigger font.
Thank you in advance
Hi,
well - this is possible, BUT ....
1. it is to some extent your personal preference how big the font should be - others may disagree with it...
2. it's a bit difficult to get the right settings without having the physical screen for testing, as it may be that the emulated screen doesn't fit exactly Your screen
--> this would involve You for setting up remote debugging - which is not a big thing, but still needs some things to prepare...
As the CSS-style file is merged an minimized it's not so easy to add new settings without a development environment...
If Your willing to put some effort in it, I could help You with the things that have to be done... at least You will need to setup the remote debugging...
Cheers,
Stephan
PS: The values You are looking for are in the media.css file for
Code:
@media (max-height:479px) and (orientation:landscape)
at line 259 ff: ".playqueue .pll1" ".playqueue .pll2" and ".playqueue-action"
for Your case one would need a new media setting
Code:
@media (max-height:300px) and (orientation:landscape)
Hello Stephan,
Thank you very much for your answer: if I understood your message, it is not possible to modify "directly" the media.css file. What do you mean with "remote debugging" ? I can try to do something with your support...
Looking at line 259 in "https://github.com/moode-player/moode/blob/develop/www/css/media.css", I do not see the line you are talking about...
Thank you very much for your answer: if I understood your message, it is not possible to modify "directly" the media.css file. What do you mean with "remote debugging" ? I can try to do something with your support...
Looking at line 259 in "https://github.com/moode-player/moode/blob/develop/www/css/media.css", I do not see the line you are talking about...
Best regards,
Ok, this file is in development, so the lines have changed a bit - but You are in the right area - just look at line 262 ff...
Well, regarding remote debugging: I hope You have a windows pc?
Thank you very much for your answer: if I understood your message, it is not possible to modify "directly" the media.css file. What do you mean with "remote debugging" ? I can try to do something with your support...
Looking at line 259 in "https://github.com/moode-player/moode/blob/develop/www/css/media.css", I do not see the line you are talking about...
Best regards,
Ok, this file is in development, so the lines have changed a bit - but You are in the right area - just look at line 262 ff...
Well, regarding remote debugging: I hope You have a windows pc?
12-30-2024, 06:24 PM (This post was last modified: 12-30-2024, 07:03 PM by Stephanowicz.)
(12-30-2024, 05:26 PM)pkdick Wrote: I have actually a windows PC .
Thank you in avance !
Hi,
that's good
Ok - You need:
access to Your Raspi/Moode via SSH from Your Windows PC
I would suggest WinSCP All Downloads :: WinSCP
there You need to setup a new connection
File protocol: SFTP
Hostname: well, default should be "moode.local" - please try in Your webbrowser if unsure - You can also use the IP-Address User name: again - default is pi (?) or what You have set in the Pi Imager Password: and again - default is moodeaudio or what You have set in the Pi Imager
Then save (I would also save the password - but it's up to You)
Then connect and move to /home/pi/
(maybe it's "pi" - sorry, I have setup another username so I think it should be "pi" by default )
there locate the file .xinitrc and double click it
at the end of the file You need to add:
Code:
--kiosk \
--remote-debugging-port=9222
(note the backslash after kiosk !)
save and close the file -- hopefully it will be saved without privilege errors!
then You need to open a command prompt at the Raspi - with WinSCP you have "Open in PuTTY" in the "commands" menue
if You don't have PuTTY (I think it's not automatically installed with WinSCP) get it here: All Downloads :: WinSCP
you can put it in a subfolder of the WinSCP installation or else
then you need to setup the path to putty.exe in WinSCP:
Preferences --> Integration --> Applications
After starting PutTTY with WinSCP enter following command: systemctl restart localui
This will restart the chrome-browser on the Raspi - If this is too complicated You can restart it also with Your local browser on the moOde page --> m(enue) --> configure --> Peripherals --> RESTART Local Display
Create a SSH portforwarding from Your Windows PC
The SSH-Client needs to be installed: Windows Terminal SSH | Microsoft Learn
(in Windows Settings > System > Optional features search for "OpenSSH" in your added features.)
if installed, open command-prompt (WIN + r --> cmd --> ok)
at the command-prompt enter: ssh -L 9223:127.0.0.1:9222 -N pi@moode.local where "pi" is the default user of the raspi and "moode.local" the address of the raspi...
(in case You have changed the SSH-Port like me, you need to add "-p1234" at the end - and replace "1234" with the portnumber You've set)
then press return - You will be asked for the password - default is "moodeaudio"
if everything is ok, nothing will happen - leave the window open! The connection stays open till You close the window
Finally start a debug session in the webbrowser
Please use Edge-browser - I've tried chromium, but it's not working properly...
In the Edge-addressbar enter edge://inspect
in the "devices" tab --> Discover network targets --> Configure...
create a new entry with 127.0.0.1:9223
(I have also activated "portforwarding" - dunno if necessary)
After pressing "done" in the pop-up You need to wait a few seconds - then new connections should show
click on "inspect" and an inspector window should open with the screen of Your raspi!
(11-10-2024, 06:57 PM)Tim Curtis Wrote: The global font setting in Preferences was never fully implemented, mainly due to lack of manpower. Maybe a dev will take on the challenge to get it fully working and tested.
Hi Tim,
wouldn't it be a good idea to include an empty "css/user.css" to "header.php" (after <link rel="stylesheet" href="css/main.min.css"> ) ?
So one could add settings like these easily without a development environment and just copy the changed file in case of an moode-upgrade...
Cheers, Stephan
Adding free-form user modifiable files is not really supportable from my experience. Often there are unintended side-effects that turn into support Threads :-0
It's much better to learn the dev tooling, Git and make PR's to the repo to propose a fix/update/new feature. If it becomes integrated then it becomes supportable by the project :-)
(11-10-2024, 06:57 PM)Tim Curtis Wrote: The global font setting in Preferences was never fully implemented, mainly due to lack of manpower. Maybe a dev will take on the challenge to get it fully working and tested.
Hi Tim,
wouldn't it be a good idea to include an empty "css/user.css" to "header.php" (after <link rel="stylesheet" href="css/main.min.css"> ) ?
So one could add settings like these easily without a development environment and just copy the changed file in case of an moode-upgrade...
Cheers, Stephan
Adding free-form user modifiable files is not really supportable from my experience. Often there are unintended side-effects that turn into support Threads :-0
It's much better to learn the dev tooling, Git and make PR's to the repo to propose a fix/update/new feature. If it becomes integrated then it becomes supportable by the project :-)
Yes, sure - but like in this case it's more like an individual preference that one may have... and sure, one should know what he's doin when adding styles to this file.
I don't know if it is expected to have a global font setting in future? I think it's a good lot of work...
? I can try to do something with your support...![[Image: remote.jpg]](https://p000334383.pwhost.de/tmp/remote.jpg)
