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

[Icon,Text] Fix vertical alignment #1503

Merged
merged 1 commit into from
Jun 12, 2020

Conversation

lubber-de
Copy link
Member

@lubber-de lubber-de commented Jun 5, 2020

Description

This PR corrects/partly reverts the vertical alignment of unsized icons of #1372 which unfortunately breaks the vertical alignment in most cases when icons are just used beside inline texts which is probably the most used case.
I obviously hadn't really tested the old PR 🙄

While testing this now, i also recognized the text element needs the same line-height setting to avoid overlapping which is also fixed now.

Testcase

Broken

https://jsfiddle.net/usfh3tpw/2/

Fixed

https://jsfiddle.net/usfh3tpw/3/

Screenshot

Icon Alignment

2.8.4

image

2.8.5 Broken

image

2.8.5 Fixed

image

Text Height

Broken

image

Fixed

image

Closes

go-gitea/gitea#11767
#1371

@lubber-de lubber-de added type/bug Any issue which is a bug or PR which fixes a bug lang/css Anything involving CSS state/awaiting-reviews Pull requests which are waiting for reviews labels Jun 5, 2020
@lubber-de lubber-de added this to the 2.8.6 milestone Jun 5, 2020
@lubber-de lubber-de requested a review from ko2in June 9, 2020 10:04
Copy link
Contributor

@prudho prudho left a comment

Choose a reason for hiding this comment

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

LGTM

Copy link
Contributor

@exoego exoego left a comment

Choose a reason for hiding this comment

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

LGTM

@lubber-de lubber-de merged commit 4ac35a7 into fomantic:develop Jun 12, 2020
@lubber-de lubber-de deleted the fix/iconAlignment branch June 12, 2020 23:39
@lubber-de lubber-de removed the state/awaiting-reviews Pull requests which are waiting for reviews label Jun 12, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
lang/css Anything involving CSS type/bug Any issue which is a bug or PR which fixes a bug
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants