Skip to content

Fix max-width for code paths#1309

Merged
charisk merged 1 commit intomainfrom
charisk/code-paths-max-width
Apr 21, 2022
Merged

Fix max-width for code paths#1309
charisk merged 1 commit intomainfrom
charisk/code-paths-max-width

Conversation

@charisk
Copy link
Copy Markdown
Contributor

@charisk charisk commented Apr 21, 2022

Before:
image

After:
image

Checklist

N/A:

  • CHANGELOG.md has been updated to incorporate all user visible changes made by this pull request.
  • Issues have been created for any UI or other user-facing changes made by this pull request.
  • [Maintainers only] If this pull request makes user-facing changes that require documentation changes, open a corresponding docs pull request in the github/codeql repo and add the ready-for-doc-review label there.

@charisk charisk requested a review from a team as a code owner April 21, 2022 13:03
Copy link
Copy Markdown
Contributor

@shati-patel shati-patel left a comment

Choose a reason for hiding this comment

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

Thanks! That looks nicer 💅🏽 😁

@charisk charisk enabled auto-merge (squash) April 21, 2022 13:11
@charisk charisk merged commit 31bd927 into main Apr 21, 2022
@charisk charisk deleted the charisk/code-paths-max-width branch April 21, 2022 13:12
return <>
{codeFlow.threadFlows.map((threadFlow, index) =>
<div key={`thread-flow-${index}`}>
<div key={`thread-flow-${index}`} style={{ maxWidth: '55em' }}>
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.

@charisk I haven't tried this out, but please make sure the width of the thread-flow works appropriately with different widths of the editor. For example, here https://github.com/github/vscode-codeql/pull/1246/files#diff-a4999bb18eefc6082a9ea9682424992d6ffd30071624f21da9bf75a7fee5073bR18 We need to use a calc to make sure there is no overflow. Maybe this works fine...I'm just trying to make sure.

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.

Yep I tested this before raising the PR. We should probably add some padding on the right too but at least it doesn't expand forever now.

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants