Skip to content

Conversation

@breehall
Copy link
Contributor

Summary

Resolved a bug that caused compressed styles not to be applied to text in the original Emotion conversion of EuiDescriptionList. The text within the DescriptionListTitle and DescriptionListDescription should be 14px when the DescriptionList is compressed.

Resolved: Text = 14px
image

Previous: Text = 16px
image

Checklist

  • Added or updated jest and cypress tests
  • Checked for breaking changes and labeled appropriately
  • A changelog entry exists and is marked appropriately

@breehall breehall requested a review from thompsongl August 23, 2022 17:47

let conditionalStyles =
compressed && textStyle === 'reverse'
compressed && textStyle !== 'reverse'
Copy link
Contributor

Choose a reason for hiding this comment

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

Any reason reverse and compressed can't be applied at the same time?

Copy link
Contributor

Choose a reason for hiding this comment

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

They can, but the scss styles for a compressed+reversed title reset the compression styles back to their base, non-compressed form

Copy link
Contributor

@chandlerprall chandlerprall Aug 23, 2022

Choose a reason for hiding this comment

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

I guess that actually means they can't (for title), doesn't it.

Copy link
Contributor

Choose a reason for hiding this comment

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

Right on 👍

@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_6160/

@breehall breehall marked this pull request as ready for review August 23, 2022 18:56
@cee-chen cee-chen changed the title Hotfix/description list [EuiDescriptionList] Fix compressed styles not being correctly applied Aug 23, 2022
@cee-chen cee-chen changed the title [EuiDescriptionList] Fix compressed styles not being correctly applied [EuiDescriptionListTitle] Fix compressed styles not being correctly applied Aug 23, 2022
Copy link
Contributor

@cee-chen cee-chen left a comment

Choose a reason for hiding this comment

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

LGTM!

@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_6160/

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.

5 participants