Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cody: Fix button border display issue & update webview UI toolkit #51726

Merged
merged 5 commits into from
May 10, 2023

Conversation

abeatrix
Copy link
Contributor

@abeatrix abeatrix commented May 10, 2023

Close #51719
Unblock #51246

Thanks @eseliger and @philipp-spiess for the help with upgrading the packages 馃檱

Issues

There was an issue with VS Code Webview buttons displaying a light border due to max-width set to 300 in the upstream package, which was then fixed in microsoft/vscode-webview-ui-toolkit#384

image

Text is squeezed to the side due to max width issue:
image

Fixs

After updating the package, there is still a border for the height, but the width constrain has been removed which solve the issue where the text is squeezed to the side:
image

Overriding the border color manually worked:

image

Test plan

Package updated and working fine locally. See screenshots above

@cla-bot cla-bot bot added the cla-signed label May 10, 2023
@abeatrix abeatrix changed the title Update vscode/webview package and add type Cody: Fix button border display issue & update webview UI toolkit May 10, 2023
@abeatrix abeatrix requested a review from a team May 10, 2023 15:20
@sourcegraph-buildkite
Copy link
Collaborator

sourcegraph-buildkite commented May 10, 2023

Bundle size report 馃摝

Initial size Total size Async size Modules
0.00% (+0.03 kb) -0.00% (-0.06 kb) -0.00% (-0.09 kb) 0.00% (0)

Look at the Statoscope report for a full comparison between the commits 59ae904 and 7cf2a50 or learn more.

Open explanation
  • Initial size is the size of the initial bundle (the one that is loaded when you open the page)
  • Total size is the size of the initial bundle + all the async loaded chunks
  • Async size is the size of all the async loaded chunks
  • Modules is the number of modules in the initial bundle

@sourcegraph-bot
Copy link
Contributor

sourcegraph-bot commented May 10, 2023

馃摉 Storybook live preview

@philipp-spiess
Copy link
Contributor

The focus border is new 馃憖

Screenshot 2023-05-10 at 17 37 09

Copy link
Contributor

@philipp-spiess philipp-spiess left a comment

Choose a reason for hiding this comment

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

Looks like an easy fix, nice!

@abeatrix
Copy link
Contributor Author

Looks like an easy fix, nice!

Hardest part was to reload VS Code 馃ぃ Going to remove the focus border, thanks again for catching that <3

@abeatrix abeatrix enabled auto-merge (squash) May 10, 2023 16:27
@abeatrix abeatrix merged commit b578c52 into main May 10, 2023
6 checks passed
@abeatrix abeatrix deleted the bee/cody-webviewkit branch May 10, 2023 16:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Cody UI bug: weird inner border on full size buttons
4 participants