Feedback on new v3.0 UI

[markerikson]

Per discussion in Reactiflux, congrats on getting this out the door!

My main nitpick, as I noted earlier, is that all of the "data" areas of the UI (actions list, action/state tab contents, RTKQ tab) are using a variable-width font, regardless of whether the main theme setting is "Default" or "Material". In this case it looks like the font is Source Sans Pro:

I personally would really prefer to still have all the actual data in a fixed-width / monospace font.

It would also be helpful to have a font size setting for the content areas, and maybe bump up the default font size for the content just a bit.

Interestingly, it looks like the "Log Monitor" is using a monospace font, "Source Code Pro":

Also: the "tabs"-ish buttons on the main panel are capitalized ("Actions", "State"), but the buttons on the RTKQ panel are all lower-case ("query", "api").

[FaberVitale]

Also: the "tabs"-ish buttons on the main panel are capitalized ("Actions", "State"), but the buttons on the RTKQ panel are all lower-case ("query", "api").

My bad :)

I'll make a PR.

[jjspace]

My main nitpick, as I noted earlier, is that all of the "data" areas of the UI (actions list, action/state tab contents, RTKQ tab) are using a variable-width font

It would also be helpful to have a font size setting for the content areas, and maybe bump up the default font size for the content just a bit.

I came looking to open an issue on exactly these items. It's much harder to read after the update for me and I'd love more control over the font used. At the very least a "small, medium, large" setting for size but a monospace font is also greatly desired.

[markerikson]

Related: the "Stack Trace" pane seems to have lost any formatting as well:

[Methuselah96]

That looks the same (except for the font which I expect to fix soon) as 2.17:

[Methuselah96]

I think it's missing the actual code in the stack frames which is why it looks to be missing formatting. I think if it showed the actual code it would look more normal, but I'll have to double-check that later.

[markerikson]

Oh yeah, that's why it looks weird :)

I know that Mihail completely restyled things after I initially ported the CRA dev overlay over into this codebase (dark theme, etc). Code snippets are kinda important though :)

[Methuselah96]

Yeah, I think it works or doesn't work depending which kind of sourcemap you use. I've been meaning to look into it, but figured since it was already broken in 2.17 I'd wait until releasing 3.0 to look into why it was broken.

[Methuselah96]

Looks like it's working for devtool: 'source-map', but not devtool: 'eval-source-map'.

[jtiscione]

Does anyone know how to make the font larger? Or the latest version that had legible fonts?

I can't read this at all unless my eye is exactly ten inches from the screen, and even then it's hard to make out.

[EDIT: Just found the alt-plus hotkey, never mind.]