-
Notifications
You must be signed in to change notification settings - Fork 842
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
Conversation
… the compressed style unless the textStyle is reversed.
@@ -31,7 +31,7 @@ export const EuiDescriptionListTitle: FunctionComponent<EuiDescriptionListTitleP | |||
const styles = euiDescriptionListTitleStyles(theme); | |||
|
|||
let conditionalStyles = | |||
compressed && textStyle === 'reverse' | |||
compressed && textStyle !== 'reverse' |
There was a problem hiding this comment.
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?
There was a problem hiding this comment.
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
There was a problem hiding this comment.
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.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Right on 👍
Preview documentation changes for this PR: https://eui.elastic.co/pr_6160/ |
There was a problem hiding this 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 <[email protected]>
Preview documentation changes for this PR: https://eui.elastic.co/pr_6160/ |
Summary
Resolved a bug that caused
compressed
styles not to be applied to text in the original Emotion conversion ofEuiDescriptionList
. The text within theDescriptionListTitle
andDescriptionListDescription
should be 14px when the DescriptionList is compressed.Resolved: Text = 14px
Previous: Text = 16px
Checklist