interstellar icon indicating copy to clipboard operation
interstellar copied to clipboard

(osx-x86) even with compact mode set, there's a LOT of wasted screen space/big fonts

Open akohlsmith opened this issue 7 months ago • 2 comments

Describe the bug

See the attached screenshot. The "sub/mod/fav/all" tabs have a LOT of vertical space. It feels like they should be no taller than regular browser tabs, especially in compact mode.

Perhaps adding a font size slider like many other apps would be a good solution to controlling the overall size of text as well? Right now it feels a little like I'm reading using a screen magnifier. :-)

Image

Steps to Reproduce

No response

Version

0.9.1 (1)

What client platform(s) are you seeing the problem on?

Linux

What server platform(s) are you seeing the problem on?

Mbin

Additional context

Just one other minor gotcha -- the "What client platform(s) are you seeing the problem on" question needs dropdown selections for osx and ios as well now

akohlsmith avatar May 05 '25 16:05 akohlsmith

The same gigantic whitespace is present on iOS (iphone 13 mini)

akohlsmith avatar May 14 '25 05:05 akohlsmith

I know this isn't a solution to the issue, but you can always hide those tabs in Feed. You just need to change the Feed Actions settings.

jwr1 avatar May 14 '25 15:05 jwr1

With #186, the next update will have an option to "Hide Feed UI on scroll" when enabled.

I looked briefly into adding a setting to change the global text size, and it looks like the closest thing would be to provide textScaler on a MediaQuery. I'm not sure that's actually what is wanted by this issue though, as it only decreases global font size, not widget sizing/padding, which I believe is what OP is actually concerned about. We could still add a global font size setting, though, for accessibility purposes.

jwr1 avatar May 28 '25 23:05 jwr1

I've experimented with changing both the textScaler value and the fontSizes being passed down in the Theme, and they both proved to be ineffective with UI spacing.

Examples

Here's textScaler = 0.5:

Image

Here's textScaler = 1:

Image

As you can see in the examples, only the actual text size is changed, not the UI spacing. You can try out the text size changes in https://github.com/interstellar-app/interstellar/pull/187. I also tried setting visualDensity on Theme, but it didn't seem like it was changing anything.

Not sure if you have any other ideas, @olorin99?

jwr1 avatar May 29 '25 01:05 jwr1

Yeah I'm not sure of a way to scale widget layout globally without doing it manually which would be a lot of work. For this issue specifically I think simply hiding the tab icons when in compact mode should reduce a lot of the empty space. Just made a new PR #188 for it. I also think it would be good to keep the text scaling for accessibility.

olorin99 avatar May 29 '25 05:05 olorin99