devtools icon indicating copy to clipboard operation
devtools copied to clipboard

Published 20 hours ago • verified publisher icon react-hook-form

The view is not readable

Open gupta-vikash opened this issue 4 years ago • 7 comments

Screenshot 2020-09-29 at 6 03 40 PM

gupta-vikash avatar Sep 29 '20 12:09 gupta-vikash

can you reproduce this in a codesandbox? i want to see what are your selector is overwriting our style.

bluebill1049 avatar Sep 29 '20 23:09 bluebill1049

Same here! I have an internal UI theme, so I can't publish the source. Really need a props or something to customize font and color of this devtool @bluebill1049

dinhmai74 avatar Jan 14 '21 02:01 dinhmai74

Yea, too busy right now, will come to that afterward.

bluebill1049 avatar Jan 14 '21 03:01 bluebill1049

Just another screenshot:

screenshot

Main issue is the header at the top, which is getting our default p color, and as a result is almost invisible.

The second issue is our global table related styles which makes the table look a bit weird. I think it's mainly related to paddings, as the devtools code only override padding-right on the table cells in the first column. It should probably override all padding in all table cells.

The font itself is also different, but that's less of an issue, in my opinion.

Svish avatar Jun 15 '22 09:06 Svish

thanks for the feedback @jsun969 is currently looking into improvement on the dev tool.

bluebill1049 avatar Jun 15 '22 09:06 bluebill1049

I assume the fundamental reason is your customized styles overwrite some styles of devtools component.

I will try to change the devtools to browser extension instead of component 😀

jsun969 avatar Jun 15 '22 11:06 jsun969

Hello 👋 I'm not sure why this was closed? I'm still seeing this issue on my end.

macjabeth avatar May 02 '23 18:05 macjabeth