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

[EuiDescriptionListTitle] Fix compressed styles not being correctly applied #6160

Merged
merged 4 commits into from
Aug 23, 2022

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

@@ -31,7 +31,7 @@ export const EuiDescriptionListTitle: FunctionComponent<EuiDescriptionListTitleP
const styles = euiDescriptionListTitleStyles(theme);

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
Member

@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!

Co-authored-by: Constance <constancecchen@users.noreply.github.com>
@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