public icon indicating copy to clipboard operation
public copied to clipboard

Configure font size in Wallaby app

Open IPWright83 opened this issue 5 months ago • 3 comments

Issue description or question

Would it be possible to tweak the Wallaby app so that we can:

  • completely collapse panels
  • control the font-size

I keep end up going back to the old coverage reporter tool, just because when I get there it's pretty much 0 config. I might need to scroll a bit (to see log output, vs the error messages which can be annoying) however I pretty much need to do 0 "tile" management. Yet in the new app even with considerable collapsing stuff down (which then is a pain to undo when I want to focus on something else) I can't see anywhere near as much information.

There's a lot of wasted space around the edges (which I think could be saved by completely collapsing panels), and I think being able to decrease the font size (without having to change it in Chrome as a whole for all pages) could help. Here's a screenshot comparing how much of my error I can see. Feels like I've got twice the information available in the old coverage explorer.

Image Image

IPWright83 avatar Jul 11 '25 16:07 IPWright83

Completely collapse panels

In the v2 UI, you can collapse the Code Viewer (left panel) and Overview panel (bottom panel) using the layout icons in the top-right corner of the app:

Image

Once collapsed (and these layout changes are persisted until modified), the Tests view becomes nearly identical to the old UI:

Image

In fact, the old UI places the Covered Files panel below the error section by default (and on reload), which often consumes more vertical space — leaving less room to view errors:

Image

Also, I noticed that word wrapping is enabled for error output in your v2 UI. The old UI doesn’t support word wrapping, so it’s always off. If you turn off word wrapping in the new UI (the setting is also persisted), more error lines will be visible, since lines won’t be wrapped:

Image

ArtemGovorov avatar Jul 12 '25 01:07 ArtemGovorov

Thanks @ArtemGovorov, I probably just need to get used to using those buttons more 👍🏻 Two points in response:

  • I still think a setting to adjust the default font size would be really helpful.
  • The debug button doesn't auto-expand the "bottom" bar to show the debug panel

IPWright83 avatar Jul 14 '25 09:07 IPWright83

@IPWright83 Thanks for the feedback. Will keep the issue opened as a feature request for adjustable font size.

The debug button doesn't auto-expand the "bottom" bar to show the debug panel

Thanks for reporting it! The issue is fixed in core v.1.0.1811.

ArtemGovorov avatar Jul 14 '25 23:07 ArtemGovorov