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 alignment of left icon for OuiListGroupItem #1027

Merged
merged 2 commits into from
Sep 12, 2023

Conversation

gulderov
Copy link
Contributor

@gulderov gulderov commented Sep 8, 2023

Description

Fix alignment of left icon for OuiListGroupItem with multiline text

Before:
Screenshot 2023-09-08 at 18 10 17

After:
Screenshot 2023-09-08 at 18 09 09

Issues Resolved

Fixes #1000

Check List

  • All tests pass
    • yarn lint
    • yarn test-unit
  • Update CHANGELOG.md
  • Commits are signed per the DCO using --signoff

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.

For more information on following Developer Certificate of Origin and signing off your commits, please check here.

Signed-off-by: Danila Gulderov <danila@gulderov.me>
@gulderov
Copy link
Contributor Author

gulderov commented Sep 8, 2023

@KrooshalUX please let me know if it is desired fix

Link to live demo: https://oui-three.vercel.app/#/display/list-group#text-wrapping-and-tooltips

Copy link
Member

@joshuarrrr joshuarrrr left a comment

Choose a reason for hiding this comment

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

LGTM

@joshuarrrr
Copy link
Member

@kgcreative Can you review from the UX side (or is there someone else who should review)?

@kgcreative
Copy link
Member

LGTM -- this is a really nice update

@kgcreative
Copy link
Member

@canascar -- can you update the figma component to match?

@joshuarrrr joshuarrrr merged commit 17db63c into opensearch-project:main Sep 12, 2023
13 checks passed
opensearch-trigger-bot bot pushed a commit that referenced this pull request Sep 12, 2023
* Fix alignment of left icon for OuiListGroupItem with multiline text (#1000)

Signed-off-by: Danila Gulderov <danila@gulderov.me>

* Changelog update (#1000)

Signed-off-by: Danila Gulderov <danila@gulderov.me>

---------

Signed-off-by: Danila Gulderov <danila@gulderov.me>
(cherry picked from commit 17db63c)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

# Conflicts:
#	CHANGELOG.md
joshuarrrr pushed a commit that referenced this pull request Sep 12, 2023
* Fix alignment of left icon for OuiListGroupItem with multiline text (#1000)

Signed-off-by: Danila Gulderov <danila@gulderov.me>

* Changelog update (#1000)

Signed-off-by: Danila Gulderov <danila@gulderov.me>

---------

Signed-off-by: Danila Gulderov <danila@gulderov.me>
(cherry picked from commit 17db63c)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

# Conflicts:
#	CHANGELOG.md

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

OuiListItem - Change alignment of left icon
4 participants