Skip to content

fix(ui5-checkbox): vertical misalignment when wrap is true #2747

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

Merged
merged 2 commits into from
Feb 1, 2021

Conversation

plamenivanov91
Copy link
Contributor

  • redundant CSS styling is removed which was causing the issue

Thank you for your contribution! 👏

To get it merged faster, kindly review the checklist below:

Pull Request Checklist

- redundant CSS styling is removed which was causing the issue
Copy link
Member

@ilhan007 ilhan007 left a comment

Choose a reason for hiding this comment

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

Now when you remove this, the alignment when the text is wrapping breaks. I suggest comparing all cases between the local test page and the deployed test page - https://sap.github.io/ui5-webcomponents/master/playground/main/pages/CheckBox/

With the Change (the check mark is vertically centred against the text)
Screenshot 2021-01-29 at 7 42 11 AM

Prior to the change

Screenshot 2021-01-29 at 7 44 11 AM

Copy link
Member

@ilhan007 ilhan007 left a comment

Choose a reason for hiding this comment

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

Now, it looks good, thanks!

@plamenivanov91 plamenivanov91 merged commit 9f027f1 into SAP:master Feb 1, 2021
alexandar-mitsev pushed a commit to alexandar-mitsev/ui5-webcomponents that referenced this pull request Feb 1, 2021
* fix(ui5-checkbox): vertical misalignment when wrap is true

- redundant CSS styling is removed which was causing the issue

* CheckBox inner is now aligned properly
NHristov-sap pushed a commit to NHristov-sap/ui5-webcomponents that referenced this pull request Feb 9, 2021
* fix(ui5-checkbox): vertical misalignment when wrap is true

- redundant CSS styling is removed which was causing the issue

* CheckBox inner is now aligned properly
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.

CheckBox: the text is not vertically centered when wrap="true"
2 participants