-
Notifications
You must be signed in to change notification settings - Fork 1.8k
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’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(copy-button): fix type of feedback text #4677
fix(copy-button): fix type of feedback text #4677
Conversation
Deploy preview for the-carbon-components ready! Built with commit 7fbd19b https://deploy-preview-4677--the-carbon-components.netlify.com |
Deploy preview for carbon-elements ready! Built with commit 7fbd19b |
Deploy preview for carbon-components-react ready! Built with commit 7fbd19b https://deploy-preview-4677--carbon-components-react.netlify.com |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm seeing the same thing as @emyarod |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Seems great with feedback from above 😄
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Any chance we could avoid the magic numbers or document them? Seems like we're setting up the placement to be very precise with the decimal pixels
@@ -302,9 +302,23 @@ | |||
} | |||
|
|||
.#{$prefix}--snippet-button .#{$prefix}--btn--copy__feedback { | |||
top: rem(25px); | |||
top: rem(50.8px); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Where is this number coming from?
.#{$prefix}--snippet--multi | ||
.#{$prefix}--snippet-button | ||
.#{$prefix}--btn--copy__feedback { | ||
top: rem(42.8px); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Where is this number coming from?
Fixed the tooltip offset, and added the comment how the right offset is generated. Made a change to force serif font as our type token of choice doesn't dictate the font face and code snippet UI has monospace font. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
packages/components/src/components/code-snippet/_code-snippet.scss
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
placement of tooltip and the type looks good to me 👍
…scss Co-Authored-By: emyarod <[email protected]>
Fixes #4606.
Changelog
Changed
Testing / Reviewing
Testing should make sure copy button and code snippet is not broken.