flutter / devtools

Performance tools for Flutter
https://flutter.dev/docs/development/tools/devtools/
BSD 3-Clause "New" or "Revised" License
1.59k stars 329 forks source link

Sidebar sizes - icons and font - are way too big #8243

Open FMorschel opened 3 months ago

FMorschel commented 3 months ago

Really not sure what is going on here but the sizes are way too big and I can't scroll down here to see everything (second and third image).

25" ultra-wide monitor (~60cm x ~30cm). Windows machine, 2560px x 1080px - scale 100%.

image image image

FMorschel commented 2 months ago

This also extends to other specific tools like Logging (the word behind is Details but maybe that one is already fitting to the other sizes, not sure):

image

image

Definitely, the details session is also bigger than the messages.

image

kenzieschmoll commented 2 months ago

@Piinks @goderbauer did something change with the Flutter framework recently that would affect text styling in this way?

goderbauer commented 2 months ago

Nothing comes immediately to mind. Do we know when this approximately started to happen?

FMorschel commented 2 months ago

I could not answer that since I have recently discovered the sidebar (by the Observable Flutter stream) and had never used it previously.

hpp0hpp commented 2 weeks ago

maybe this is caused by the high definition screen, which apply a scale factor devtools failed to apply the same behavier as the code editor? image

FMorschel commented 2 weeks ago

I don't think so. My scale is 100%. I do have another monitor for 16:9 (the one I mentioned is 21:9) which is 1920x1080 and that monitor does have by default the suggestion for 125% scale. But even when setting it to 100% (both set to this now) and restarting vscode doesn't seem to fix this.


That comment did give me another idea though. Can it be because of the two-monitor setup? One (the 16:9) is smaller (in height as well, I mean, not just the ratio fact) than the other, maybe something is not getting calculated correctly here?