11-13-2023, 04:36 PM (This post was last modified: 11-13-2023, 04:37 PM by TheOldPresbyope.
Edit Reason: typo
)
(11-13-2023, 03:58 PM)Meestor_X Wrote: Forgive me if this is detailed somewhere. Did a bit of searching using the terms "Font" and "Safari" but didn't find anything.
Is there a way to adjust the font sizes in the browser? Using Safari ATM.
Properties are tiny, values are huge (too big to fit in their containers often).
See here:
[img]blob:https://moodeaudio.org/1f5be35b-7839-4a79-b0fe-d22607a05057[/img]
Perhaps you could share more details---what host? any non-default settings in the OS or Safari? in moOde?
As two points of reference, I don't see this "too big to fit" behavior looking at the moOde 8.3.6 webUI in Safari on my iPhoneSE running iOS 16.7 nor on my iPad 9.7 running iOS 17.1.1.
11-13-2023, 04:51 PM (This post was last modified: 11-13-2023, 04:52 PM by Meestor_X.)
Some more testing...
Property name and values are different sizes on FireFox as well, but the values do fit a little better into the containers there. Still Property names are MUCH smaller.
On iOS on my iPhone, the property names and values are the same size, and fit properly into their containers.
So, on mobile, it looks to be fine. On desktop, could use a little tweaking.
FireFox:
11-13-2023, 04:53 PM (This post was last modified: 11-13-2023, 04:57 PM by Meestor_X.)
I don't have the zoom enabled on my desktop, AFAIK.
Looks like my previous post didn't come through.
Host is RPI3, AFAIK the Safari settings are default, as are the FF settings. Only changes I made in MoOde were to add my music to the library, change the output device, turn on airplay and bluetooth, I believe. Didn't see any font or browser display settings.
(11-13-2023, 04:53 PM)Meestor_X Wrote: I don't have the zoom enabled on my desktop, AFAIK.
Looks like my previous post didn't come through.
Host is RPI3, AFAIK the Safari settings are default, as are the FF settings. Only changes I made in MoOde were to add my music to the library, change the output device, turn on airplay and bluetooth, I believe. Didn't see any font or browser display settings.
I should have been more specific that I meant what host was running Safari.
Sorry, I have only mobile Apple devices so have not way to repro your desktop issue. Maybe @Tim Curtis ?
(11-13-2023, 05:04 PM)TheOldPresbyope Wrote: I should have been more specific that I meant what host was running Safari.
Mac Mini M2.
On my MacBook Pro, it looks the same as the FF page. Value fonts are much larger than property names, but they do fit better into their containers.
It looks like it might be fixable by editing some of the CSS, but before I go that far, I guess my questions are:
1. Should the view look the same on desktop as it does on mobile? (i.e. should the font sizes be the same for property names and values?)
2. Are there settings within MoOde to adjust these?
11-13-2023, 05:21 PM (This post was last modified: 11-13-2023, 05:29 PM by Meestor_X.)
more testing...
Looks like it's not taking into account the resolution of the monitor. If I set the resolution lower on the monitor, the 2 sizes get closer to matching. The higher the resolution of the monitor (my M2 is using a 4k monitor), the more disparity there is between the font sizes. The value fonts keep getting bigger as the resolution increases.
As a quick test, removing `font-size: 1rem` in some lines in panels.css looks like it can fix the issue, but I'd have to test it across platforms to be certain. (just testing in the web inspector)
I've just looked on Firefox on my Linux machine. I hadn't thought of it before but the text is very much smaller than the values in the boxes. The values all fit though.
