Skip to content
This repository was archived by the owner on Jan 11, 2023. It is now read-only.

[Sources] - fix paddings in sources tree and outline list#5167

Merged
jasonLaster merged 1 commit into
firefox-devtools:masterfrom
martinfojtik:patch-1
Jan 23, 2018
Merged

[Sources] - fix paddings in sources tree and outline list#5167
jasonLaster merged 1 commit into
firefox-devtools:masterfrom
martinfojtik:patch-1

Conversation

@martinfojtik

@martinfojtik martinfojtik commented Jan 21, 2018

Copy link
Copy Markdown
Contributor

Summary of Changes

Test Plan

Screenshots/Videos (OPTIONAL)

  • sources tree BEFORE
    firefox-tree
  • sources tree AFTER
    firefox-tree-after
  • outline list BEFORE
    firefox-outline
  • outline list AFTER
    firefox-outline-after

@lukaszsobek

Copy link
Copy Markdown
Contributor

An after image is always nice, as it allows to compare changes visually ;)

@martinfojtik

Copy link
Copy Markdown
Contributor Author

@lukaszsobek sure,I added screenshots to description

@lukaszsobek lukaszsobek left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great! Fixes issue and is less code. One minor thing - the right padding of the list could use a bit of support. Right now the item rests exactly against the right border if we make the source tree panel smaller.

sourcetree_padding

@martinfojtik martinfojtik changed the title [Sources] - fix height in sources tree and padding in outline list [Sources] - fix paddings in sources tree and outline list Jan 21, 2018
@martinfojtik

Copy link
Copy Markdown
Contributor Author

@lukaszsobek I fixed right paddings in lists and finded solution for #5149

@jasonLaster jasonLaster left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks! The tree looks great after your change

min-width: 100%;

display: grid;
align-content: start;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what does this do?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this will fix bug #5149, basically, this will extend items in the tree to full width. I don't know why, but width: 100% or display: flex was not able to fix the issue.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

On the current update of master the line already seems to be the full width, so not sure if this is needed.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The problem appears when you have long and short short names on the list, and try to vertically scroll, as you can see in the gif.
devtools-source

@jasonLaster jasonLaster merged commit b892892 into firefox-devtools:master Jan 23, 2018
@jasonLaster

Copy link
Copy Markdown
Contributor

Thanks for the fix! Looks great

jasonLaster pushed a commit to jasonLaster/debugger.html that referenced this pull request Jan 25, 2018
jasonLaster added a commit to jasonLaster/debugger.html that referenced this pull request Jan 27, 2018
jasonLaster added a commit to jasonLaster/debugger.html that referenced this pull request Jan 27, 2018
jasonLaster added a commit that referenced this pull request Jan 27, 2018
@jasonLaster

Copy link
Copy Markdown
Contributor

Hey @martinfojtik, I'm sorry to do this to you but I had to revert your commit earlier today because it was causing an issue with travis CI.

Earlier this week we had false positives with CI, where the tests were failing but not reporting that.

Would you be able to re-open the PR and we can sort out the problem?

@martinfojtik

Copy link
Copy Markdown
Contributor Author

Hi, @jasonLaster , where can I find more info about the problem? How do i re-open this PR?

@jasonLaster

Copy link
Copy Markdown
Contributor

you revert the reverted commit and open a new PR. My theory is that display grid was throwing off the linux version of firefox. will test that now in a new PR

jasonLaster added a commit to jasonLaster/debugger.html that referenced this pull request Jan 28, 2018
jasonLaster added a commit to jasonLaster/debugger.html that referenced this pull request Jan 28, 2018
jasonLaster added a commit to jasonLaster/debugger.html that referenced this pull request Jan 29, 2018
jasonLaster added a commit to jasonLaster/debugger.html that referenced this pull request Jan 29, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Sources] the selection width is clipped

3 participants