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: update the line-height of the Object Status #795

Merged
merged 1 commit into from Mar 23, 2020

Conversation

InnaAtanasova
Copy link
Contributor

@InnaAtanasova InnaAtanasova commented Mar 20, 2020

Description

  • changed the line-height to 1 as requested during the design review
  • introduced display: inline-flex to center the text and the icon in the span
  • for clickable Object Status we are still using display: inline-block because we need to remove the underline from the icon on hover and this is achievable only when the span has display: inline-block

Screenshots

The line height is affecting the heigh of the elements, hence the updated tests but it's hard to "catch" it visually. Now the top and bottom spacing is smaller than before.

Before:

Screen Shot 2020-03-20 at 4 54 15 PM

Screen Shot 2020-03-20 at 4 54 08 PM

After:

Screen Shot 2020-03-20 at 4 53 21 PM

Screen Shot 2020-03-20 at 4 53 11 PM

@netlify
Copy link

netlify bot commented Mar 20, 2020

Deploy preview for fundamental-styles ready!

Built with commit cf666d2

https://deploy-preview-795--fundamental-styles.netlify.com

@droshev droshev added this to PRs Reviewer approved in Development via automation Mar 21, 2020
@InnaAtanasova InnaAtanasova merged commit e2514ea into master Mar 23, 2020
Development automation moved this from PRs Reviewer approved to Done Mar 23, 2020
@droshev droshev deleted the fix/object-status-line-height-update branch March 29, 2020 16:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Development
  
Done
Development

Successfully merging this pull request may close these issues.

None yet

2 participants