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

Fixes combobox height with appendees #1338

Merged
merged 2 commits into from
Aug 8, 2024

Conversation

ps48
Copy link
Member

@ps48 ps48 commented Aug 8, 2024

Description

Fixes the height of combo box with appended items. Whenever an append flag is added to single select combo box, the element height increases from 40px to 42px or even 43.33px based on the type of the item appended. This PR keeps the height of all combo box variants to 40px

Issues Resolved

Prior to fix:

Regular combo box

Screenshot 2024-08-08 at 9 49 13 AM

Combo box with an append item

Screenshot 2024-08-08 at 9 49 27 AM

Combo box with OUIText element as append item

Screenshot 2024-08-08 at 9 49 47 AM ed

Post fix all the combo boxes are on same height of 40px (non compressed) and 32px (compressed)

Check List

  • New functionality includes testing.
  • New functionality has been documented.
  • 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: Shenoy Pratik <[email protected]>
@ps48
Copy link
Member Author

ps48 commented Aug 8, 2024

The OSD ciGroup4 failure is related to a previous PR on switch color changes. #1332

// Overrides line-height of 16px coming from ouiFormControlLayout--group .ouiText
.ouiFormControlLayout--group .ouiText {
// sass-lint:disable-block no-important
line-height: 0 !important;
Copy link
Collaborator

Choose a reason for hiding this comment

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

Is it possible to avoid !important with specificity of selectors? Or are there too many to make that worthwhile?

Copy link
Member Author

@ps48 ps48 Aug 8, 2024

Choose a reason for hiding this comment

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

Even I wasn't happy on this one, I was banking on specificity as these are added under combo box class but then this was necessary as the one I'm overriding had important added to it.

Copy link
Collaborator

@virajsanghvi virajsanghvi left a comment

Choose a reason for hiding this comment

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

approving as failure is unrelated

@virajsanghvi virajsanghvi merged commit f704404 into opensearch-project:main Aug 8, 2024
23 of 24 checks passed
opensearch-trigger-bot bot pushed a commit that referenced this pull request Aug 8, 2024
---------

Signed-off-by: Shenoy Pratik <[email protected]>
(cherry picked from commit f704404)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
AMoo-Miki pushed a commit that referenced this pull request Aug 16, 2024
---------


(cherry picked from commit f704404)

Signed-off-by: Shenoy Pratik <[email protected]>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
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.

2 participants