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’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Just PR for virtualize UI to review #5290

Conversation

xxxle0
Copy link
Contributor

@xxxle0 xxxle0 commented Feb 6, 2020

Closes #5290

Just a experimental PR for reviewing UI after change css

@xxxle0 xxxle0 requested a review from a team as a code owner February 6, 2020 17:11
@ghost ghost requested review from emyarod and joshblack February 6, 2020 17:11
@netlify
Copy link

netlify bot commented Feb 6, 2020

Deploy preview for carbon-elements failed.

Built with commit e4dd544

https://app.netlify.com/sites/carbon-elements/deploys/5e3c48cec7002a000a0a4069

@netlify
Copy link

netlify bot commented Feb 6, 2020

Deploy preview for carbon-components-react failed.

Built with commit e4dd544

https://app.netlify.com/sites/carbon-components-react/deploys/5e3c48ce0ed8930008810329

@netlify
Copy link

netlify bot commented Feb 6, 2020

Deploy preview for carbon-elements ready!

Built with commit 68dfa0e

https://deploy-preview-5290--carbon-elements.netlify.com

@netlify
Copy link

netlify bot commented Feb 6, 2020

Deploy preview for carbon-components-react ready!

Built with commit 68dfa0e

https://deploy-preview-5290--carbon-components-react.netlify.com

@tw15egan
Copy link
Collaborator

tw15egan commented Feb 6, 2020

Looks good! Not seeing any issues with the Primary button or any of the filled variants, but I'm seeing some issues with the Tertiary button w/ Icon. It seems like when it receives focus, it shifts the icon to the left a bit. Here is an example:

Tertiary
tertiary

Primary, for reference
primary

@xxxle0
Copy link
Contributor Author

xxxle0 commented Feb 7, 2020

Oh, nice catch 👍 let me investigate it

@xxxle0
Copy link
Contributor Author

xxxle0 commented Feb 7, 2020

hi @tw15egan, Tertiary button seems working fine in my dev local. Just only 1 concern about the padding of tooltip will increase 1px after this change.
Screen Shot 2020-02-07 at 11 25 18 AM

@tw15egan
Copy link
Collaborator

tw15egan commented Feb 7, 2020

Hmm, I'm not seeing that issue with the tooltip button...

Screen Shot 2020-02-07 at 11 25 04 AM

What browser/os are you using?

@xxxle0
Copy link
Contributor Author

xxxle0 commented Feb 8, 2020

macOS Mojave 10.14.6 and Chrome 79.0.3945

Copy link
Member

@emyarod emyarod left a comment

Choose a reason for hiding this comment

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

it looks like tertiary button focus padding will need to be adjusted to account for the outline and border changes to prevent the icon from being shifted (related #5201)

@emyarod
Copy link
Member

emyarod commented Feb 10, 2020

this is related to #5263 right?

@asudoh asudoh requested review from a team and laurenmrice and removed request for a team February 11, 2020 00:33
@laurenmrice
Copy link
Member

when you have a chance could you rebuild so the react link doesn't fail. thanks !

@tw15egan
Copy link
Collaborator

Just triggered a rebuild, should be ready shortly

Copy link
Member

@laurenmrice laurenmrice left a comment

Choose a reason for hiding this comment

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

The focus border looks good and is 2px. 👍🏻

There still needs to be a 1px transparent gap, right now its 2px gap.
Ex:
Artboard

@xxxle0
Copy link
Contributor Author

xxxle0 commented Feb 18, 2020

hmm weird, this is what i see in my local
Screen Shot 2020-02-18 at 9 31 31 PM


/// @type Number
/// @access public
/// @group button
$button-outline-width: 1px !default;
$button-outline-width: 2px !default;
Copy link
Collaborator

Choose a reason for hiding this comment

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

I think we just need to keep this at 1px

Copy link
Contributor Author

Choose a reason for hiding this comment

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

ok i got it

Copy link
Collaborator

Choose a reason for hiding this comment

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

I originally read it as 2px on both as well 😃

Copy link
Collaborator

Choose a reason for hiding this comment

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

We need to keep this at 1px

Copy link
Member

Choose a reason for hiding this comment

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

yeah i think once that is fixed we should be good^

@xxxle0 xxxle0 force-pushed the duytran/5263-outline-focus-button-width branch from 12d5176 to 8ea9af9 Compare February 18, 2020 15:01
Copy link
Member

@laurenmrice laurenmrice left a comment

Choose a reason for hiding this comment

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

The only thing left I am seeing if that the Tertiary button is still getting a 3px focus border. Everything else looks great !!!

Screen Shot 2020-02-18 at 9 45 23 AM

@xxxle0 xxxle0 force-pushed the duytran/5263-outline-focus-button-width branch from 1a107cb to a957b1f Compare February 25, 2020 13:52
@xxxle0
Copy link
Contributor Author

xxxle0 commented Feb 25, 2020

hi @tw15egan , @laurenmrice , can you guys review this PR again ?

@xxxle0
Copy link
Contributor Author

xxxle0 commented Feb 26, 2020

here is the outline 2px
Screen Shot 2020-02-26 at 8 40 07 AM
here is the outline 1px
Screen Shot 2020-02-26 at 8 41 19 AM

i think it should be 2px. Btw if we only change button-border-width, the last button outline will difference from another buttons

@tw15egan
Copy link
Collaborator

@xxxle0 Then we will need some sort of override on icon only buttons to make sure they are consistent with the rest of the buttons. Design spec is 1px so that is what we will adhere to.

@xxxle0
Copy link
Contributor Author

xxxle0 commented Feb 26, 2020

yeah ok i got it. thanks @tw15egan

@tw15egan
Copy link
Collaborator

@xxxle0 do you have any plans to finish up this PR?

@tw15egan
Copy link
Collaborator

Seems like this issue will be bundled in with some larger button changes in #5618, so I'm going to close this out.

@tw15egan tw15egan closed this Mar 13, 2020
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.

4 participants