python-web-pdb icon indicating copy to clipboard operation
python-web-pdb copied to clipboard

Feature/UI layout update

Open dhvcc opened this issue 2 years ago • 14 comments

Hi, this is a fix/enhancment of #29

My changes are:

  • Media queries
  • Painted repl input so it's noticeable
  • Moved toolbar to navbar to save space

A screenshot of 1920x937 inner height window

image

dhvcc avatar May 05 '22 23:05 dhvcc

Thank you for your contribution. I'll check the PR and update accordingly.

romanvm avatar May 08 '22 07:05 romanvm

Movind the toolbar to the navbar area is a sound idea but media queries don't do a good job of dynamically adjusting the UI while the browser window is being resized. I'll post videos later if needed.

romanvm avatar May 08 '22 09:05 romanvm

@romanvm I agree that media queries are not the best way of dealing with this stuff. I just added them for a couple of most used cases. I'm ok with removing them

dhvcc avatar May 09 '22 13:05 dhvcc

Hey, any updates on your decision? Thanks!

dhvcc avatar Jul 15 '22 12:07 dhvcc

Sorry, I had no time to re-test this one because of the real life stuff. I'll try to do this as soon as I can.

romanvm avatar Jul 21 '22 07:07 romanvm

No worries mate, just wanted to check this out is not abandoned. This is not urgent, take care and be safe

dhvcc avatar Jul 21 '22 08:07 dhvcc

I've finally found some time to work on this project. Could you merge the current master into this and resolve possible conflicts?

romanvm avatar Aug 23 '22 08:08 romanvm

Hi @romanvm :wave: I've updated the PR

dhvcc avatar Aug 24 '22 13:08 dhvcc

Seems like there's an issue with builds on master

dhvcc avatar Aug 24 '22 19:08 dhvcc

I have fixed GH pipelines on master. Please merge again.

romanvm avatar Aug 26 '22 21:08 romanvm

Not sure if you've seen it, but I pushed new commits, you can start a workflow, @romanvm 👍

dhvcc avatar Aug 29 '22 05:08 dhvcc

I've tested your PR again. The idea to move the button bar to the top is a good one. But media queries do terrible job of adjusting the debugger UI to the browser's viewport compared to my initial solution. So I'm afraid I cannot accept this PR as it is now. I see 2 options:

a) you leave only the part about the button bar and restore the initial method of resizing the debugger UI;

b) you improve your resizing method (if it's possible).

I admit that my frontend skills are limited and my solution for auto-resizing the debugger UI may not be an optimal one but it does the job.

romanvm avatar Sep 02 '22 21:09 romanvm

@romanvm Hi, I agree that media queries are terrible, guess I just wanted to do a quick hack. Let me see if I can come up with something better than this.

dhvcc avatar Sep 16 '22 12:09 dhvcc

@romanvm quickly hacked a new layout using css grid, heres the showcase. It may still not work idealy on really smal screens where title wraps into 2 lines. This is not the issue of this PR, but of the the way it's coded. I might revisit this and fix this one also. Don't close this PR so I can push here. But yeah, may be give this update a review and some feedback image

dhvcc avatar Sep 16 '22 14:09 dhvcc

@romanvm had to use this lib again so just bumping this issue in case you have time in near future, no rush

dhvcc avatar Oct 20 '22 10:10 dhvcc

Thanks. I'll check it as soon as I can considering all the circumstances.

romanvm avatar Oct 21 '22 22:10 romanvm