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

Adjust OuiSimplifiedBreadcrumbs alignment, colors, and tailing slash #1401

Merged
merged 6 commits into from
Sep 18, 2024

Conversation

AMoo-Miki
Copy link
Collaborator

@AMoo-Miki AMoo-Miki commented Sep 13, 2024

Description

Add methods to control the appearance of trailing and last breadcrumbs in OuiSimplifiedBreadcrumbs

Also:

  • Adjust alignments, colors, and separator in OuiSimplifiedBreadcrumbs
  • Add documentation for OuiSimplifiedBreadcrumbs
  • Add CSS breakpoints to OuiBreakpointSize
  • Remove the unwanted OuiBreadcrumbs focus rectangle
  • Correctly color the OuiBreadcrumbs when focused
  • Display the last breadcrumb in a nested breadcrumb as a normal breadcrumb

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.

@AMoo-Miki AMoo-Miki force-pushed the adjust-breadcrumbs branch 4 times, most recently from 3fd1b46 to b0d6a96 Compare September 17, 2024 18:39
AMoo-Miki added a commit to AMoo-Miki/oui that referenced this pull request Sep 17, 2024
Signed-off-by: Miki <miki@amazon.com>
AMoo-Miki added a commit to AMoo-Miki/oui that referenced this pull request Sep 17, 2024
Signed-off-by: Miki <miki@amazon.com>
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.

Do you know why this doesn't match oui website?

your changes: image

https://oui.opensearch.org/1.12/#/navigation/breadcrumbs:
image

Also, are failures related?

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.

Change looks good, although looks like there are test failures

AMoo-Miki added a commit to AMoo-Miki/oui that referenced this pull request Sep 18, 2024
Signed-off-by: Miki <miki@amazon.com>
@AMoo-Miki
Copy link
Collaborator Author

Do you know why this doesn't match oui website?

Two changes impact this:

  1. The new breakpoints fine-tune the number of crumbs shown
  2. A fix to breakpoint identification corrects the logic

…s in OuiSimplifiedBreadcrumbs

Also:
* Adjust alignments, colors, and separator in OuiSimplifiedBreadcrumbs
* Add documentation for OuiSimplifiedBreadcrumbs
* Add CSS breakpoints to OuiBreakpointSize

Signed-off-by: Miki <miki@amazon.com>
Also:
* Correctly color the OuiBreadcrumbs when focused
* Display the last breadcrumb in a nested breadcrumb as a normal breadcrumb

Signed-off-by: Miki <miki@amazon.com>
Signed-off-by: Miki <miki@amazon.com>
Also:
* Limit allowed breakpoints to those provided by the `responsive` prop of Oui*Breadcrumbs

Signed-off-by: Miki <miki@amazon.com>
Signed-off-by: Miki <miki@amazon.com>
@AMoo-Miki AMoo-Miki merged commit fd5b78a into opensearch-project:main Sep 18, 2024
11 of 14 checks passed
opensearch-trigger-bot bot pushed a commit that referenced this pull request Sep 18, 2024
…1401)

* Add methods to control the appearance of trailing and last breadcrumbs in OuiSimplifiedBreadcrumbs

Also:
* Adjust alignments, colors, and separator in OuiSimplifiedBreadcrumbs
* Add documentation for OuiSimplifiedBreadcrumbs
* Add CSS breakpoints to OuiBreakpointSize

Signed-off-by: Miki <miki@amazon.com>

* Remove the unwanted OuiBreadcrumbs focus rectangle

Also:
* Correctly color the OuiBreadcrumbs when focused
* Display the last breadcrumb in a nested breadcrumb as a normal breadcrumb

Signed-off-by: Miki <miki@amazon.com>

* Update changelog for #1401

Signed-off-by: Miki <miki@amazon.com>

* Allow limiting the allowed breakpoints when calling `getBreakpoint()`

Also:
* Limit allowed breakpoints to those provided by the `responsive` prop of Oui*Breadcrumbs

Signed-off-by: Miki <miki@amazon.com>

* Adjust number of responsive breadcrumbs shown per breakpoint

Signed-off-by: Miki <miki@amazon.com>

* Update snapshots

Signed-off-by: Miki <miki@amazon.com>

---------

Signed-off-by: Miki <miki@amazon.com>
(cherry picked from commit fd5b78a)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

# Conflicts:
#	CHANGELOG.md
AMoo-Miki pushed a commit that referenced this pull request Sep 18, 2024
…1401) (#1409)

* Add methods to control the appearance of trailing and last breadcrumbs in OuiSimplifiedBreadcrumbs

Also:
* Adjust alignments, colors, and separator in OuiSimplifiedBreadcrumbs
* Add documentation for OuiSimplifiedBreadcrumbs
* Add CSS breakpoints to OuiBreakpointSize

Signed-off-by: Miki <miki@amazon.com>

* Remove the unwanted OuiBreadcrumbs focus rectangle

Also:
* Correctly color the OuiBreadcrumbs when focused
* Display the last breadcrumb in a nested breadcrumb as a normal breadcrumb

Signed-off-by: Miki <miki@amazon.com>

* Update changelog for #1401

Signed-off-by: Miki <miki@amazon.com>

* Allow limiting the allowed breakpoints when calling `getBreakpoint()`

Also:
* Limit allowed breakpoints to those provided by the `responsive` prop of Oui*Breadcrumbs

Signed-off-by: Miki <miki@amazon.com>

* Adjust number of responsive breadcrumbs shown per breakpoint

Signed-off-by: Miki <miki@amazon.com>

* Update snapshots

Signed-off-by: Miki <miki@amazon.com>

---------

Signed-off-by: Miki <miki@amazon.com>
(cherry picked from commit fd5b78a)
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.

2 participants