reduxjs / redux-devtools

DevTools for Redux with hot reloading, action replay, and customizable UI
http://youtube.com/watch?v=xsSnOQynTHs
MIT License
14.05k stars 1.16k forks source link

how can i control responsive mode ?? #1294

Closed Eumhongin closed 1 year ago

Eumhongin commented 1 year ago

how can i control responsive view??

스크린샷 2022-12-13 오후 1 49 07

i want to this layout. how can i get?

스크린샷 2022-12-13 오후 1 54 10

detail layout video

Eumhongin commented 1 year ago

in past reponsive was auto control

martinkrulltott commented 1 year ago

+1

My Redux Devtools is also stuck in horisontal mode even though the viewport is tall and narrow (it used to be responsive and switch between horisontal and vertical automatically before). Rather than "how can I control responsive mode", I believe this is a bug with the responsiveness, you shouldn't have to do this manually...

martinkrulltott commented 1 year ago

Could it be related to the width change in https://github.com/reduxjs/redux-devtools/pull/1129? @FaberVitale @Methuselah96

Methuselah96 commented 1 year ago

Thanks for reporting this issue. I will look into it when I can, but I'm not sure when that will be. Feel free to investigate for yourself and create a PR if you figure out what broke it.

FaberVitale commented 1 year ago

Digging a bit in the code

If I recall correctly inspector-monitor and rtk-query-monitor` poll every X milliseconds to see if they need to use either a horizontal or vertical layout:

rtk-query-monitor uses 600 as threshold while inspector-monitor uses instead 500.


I'll try to take a closer look at this issue during the holidays.

Ruslancic commented 1 year ago

Hey! Any update on this issue?

Methuselah96 commented 1 year ago

No updates, feel free to look into it yourself.

Eumhongin commented 1 year ago

@Ruslancic @Methuselah96 I use 2.17.0 version actually download from last releases. add to chrome using custom extensions!

check this link 🔗 : https://github.com/zalmoxisus/redux-devtools-extension/releases

and this is how to apply custom extension 🔗 : https://github.com/reduxjs/redux-devtools/tree/main/extension#installation