UI font-size / elements too small

[lab-at-nohl]

It's been bothering me for years. The content of the UI is unreadable small, especially during a work day when your eyes become tired, Tine renders unusable. I don't know how you manage it. I personally zoom in a lot; every browser supports that,(I know the key shortcut and do it automatically. Now and then, however, zoomed elements break the UI and I "compensate" this by manual zoom (but that's only me).

Today I have talked to someone, introducing Tine. Because it wasn't my device, everything was in default - way too small. I realized then how small it really is! The showcase was over, though ("looks like 90s...").

Just to clear the dimension:

• Elements become distinguishable with a minimum zoom of 133 % the earliest. On a standard notebook / desktop display without zoom, text is literally not readable. Meaning you are guessing the letters not reading due to "lost" pixels.
• SVG images start to appear clean only with zoom, the displays I tested it needs at least 150 %.
• Standard font-sizes in the panels, including specially designed contents like calendar sheets, also render clean at 150 % the earliest.
• For "working content" like the Text of emails I would prefer even 200% zoom. This may not be suitable as a global setting. However, to really work with text without eye tiredness it would be preferable.

I am not a designer. But you can read all over the web that typically regular text is not smaller than 16px (Tine: 11px standard elements), 11px is tolerated only for additional illustration like Button description or "badges". I also realize that this changed over time as displays got higher resolution. However, today I would call it a bug (I got it mirrored today by someone "neutral")

As a quick relieve: I do not see any harm in adjusting everything by 133 %. Do you?

Because of Tine I had look into OnlyOffice - they do it very right UI wise...

[ignoreigor]

I would append that the font-aliasing is bad when using the dark theme. Maybe it's a subjective impression, but compare yourself:

[lab-at-nohl]

I would append that the font-aliasing is bad when using the dark theme. Maybe it's a subjective impression, but compare yourself:

Have you tried using the browser's zoom feature? I also like the dark theme. On my Linux notebook/desktop as well as on Windows server, the font is crystal clear when you zoom to at least 150%.

[ignoreigor]

I tried it both in Firefox and Edge on Windows with FullHD-Display. I believe I tried it in FF on Linux as well and got this blurry and unregular effects. But well, it is getting better with zooming. 125 percent is better, with scale of 150% it is fine.
Yes, the font-size in tine is very small, but I like the overview of the monthly calendar. With zooming, you are getting "x more" very fast. But of course bigger fonts is more relaxing to read, for me scaling up to 120% would be sufficient (at the moment). And let me add "es wirkt auch eleganter".

[pschuele]

thanks for the feedback and suggestions - we have an internal project "tine accessibility", where I linked this issue. we'll give you updates on the progress.

[github-actions]

This issue is stale because it has been open 90 days with no activity. Comment or remove the stale label. Otherwise, it will be closed in 30 days.

[github-actions]

This issue is stale because it has been open 90 days with no activity. Comment or remove the stale label. Otherwise, it will be closed in 30 days.

[lab-at-nohl]

I removed the label "stale", in case @pschuele will return for an update.

P.S I started playing around with OnlyOfficeIntegrator, which I really liked. However, browser's zoom settings for Tine also apply to OnlyOffice in the Popup-Window. Thus, Onlyoffice is always maybe 1.5 bigger, regardless the zoom. I'd like to recommened to set the font-size the same as OnlyOffice (maybe also the font-family) though. Even other design basics, which are not specific to Onlyoffice but general to Desktop Apps, could be reused in Tine ;-)