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

fix(ui5-icon): alignment issue in Safari #2746

Merged

Conversation

plamenivanov91
Copy link
Contributor

@plamenivanov91 plamenivanov91 commented Jan 28, 2021

  • ui5-icon-root SVG is now forced with style "vertical-align: top"
    which fixes the misalignment.
  • No regressions introduced in the rest of the browsers

FIXES: #913

- ui5-icon-root SVG is now forced with style "vertical-align: top"
which fixes the misalignment.
- no regressions introduced in the rest of the browsers.
@CLAassistant
Copy link

CLAassistant commented Jan 28, 2021

CLA assistant check
All committers have signed the CLA.

@plamenivanov91 plamenivanov91 linked an issue Jan 28, 2021 that may be closed by this pull request
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.

It is interesting, because vertical-align: top; should not take effect based on the docs:
Note that vertical-align only applies to inline, inline-block and table-cell elements: you can't use it to vertically align block-level elements.

And the element that it is applied is display:flex, but I tested and it fixes the issue, so I will approve it.

@plamenivanov91 plamenivanov91 merged commit daa51e7 into SAP:master Feb 1, 2021
alexandar-mitsev pushed a commit to alexandar-mitsev/ui5-webcomponents that referenced this pull request Feb 1, 2021
- ui5-icon-root SVG is now forced with style "vertical-align: top"
which fixes the misalignment.
- no regressions introduced in the rest of the browsers.
NHristov-sap pushed a commit to NHristov-sap/ui5-webcomponents that referenced this pull request Feb 9, 2021
- ui5-icon-root SVG is now forced with style "vertical-align: top"
which fixes the misalignment.
- no regressions introduced in the rest of the browsers.
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.

ui5-icon alignment issue in Safari
3 participants