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

Use smaller and compressed varients of buttons and form components #398

Merged
merged 13 commits into from
Aug 19, 2024

Conversation

AMoo-Miki
Copy link
Contributor

Description

Replace instances of EuiButton that don't have an explicit sizing attribute to EuiSmallButton*.
Replace instances of Eui<form elements> that don't have density attributes to EuiCompressed<form elements>.

Check List

  • New functionality includes testing.
    • All tests pass, including unit test, integration test and doctest
  • New functionality has been documented.
    • New functionality has javadoc added
    • New functionality has user manual doc added
  • 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 changed the title compressed varients of buttons and form components Use compressed varients of buttons and form components Aug 2, 2024
@AMoo-Miki AMoo-Miki changed the title Use compressed varients of buttons and form components Use smaller and compressed varients of buttons and form components Aug 2, 2024
@@ -14,7 +14,7 @@ import {
EuiFlexGroup,
EuiFlexItem,
EuiLoadingSpinner,
EuiButton,
Copy link
Collaborator

Choose a reason for hiding this comment

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

Should this just be removed, seems not used?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

yep; not used.

@derek-ho
Copy link
Collaborator

derek-ho commented Aug 2, 2024

Looks like snapshots need to be updated as well

@AMoo-Miki
Copy link
Contributor Author

AMoo-Miki commented Aug 2, 2024

The failing tests are due to changes that will be coming in OUI 1.9.0. Let's leave this open and try retry when OSD gets updated to OUI 1.9.0.

Blocked by opensearch-project/OpenSearch-Dashboards#7637

AMoo-Miki and others added 2 commits August 12, 2024 23:43
…(#7637)

* Bump OUI to 1.9.0

Signed-off-by: Miki <[email protected]>

* Introduce the redesigned page header

Signed-off-by: Miki <[email protected]>

Update UX of breadcrumbs, menu toggle, and the new contribution points

Signed-off-by: Miki <[email protected]>

Add renderElement option in HeaderControls

Signed-off-by: Shenoy Pratik <[email protected]>

Update application mocks and rearrange header layout

Signed-off-by: Shenoy Pratik <[email protected]>

Break and restyle breadcrumb

Signed-off-by: Zhongnan Su <[email protected]>

Implement header updates

Signed-off-by: Miki <[email protected]>

* Introduce HeaderVariant

Signed-off-by: Miki <[email protected]>

* Organize Header's layout

Signed-off-by: Miki <[email protected]>

* Fix header control spacing

Signed-off-by: Miki <[email protected]>

* Conditionally append breadcrumb to recent popover
Fix mock for recent items

Co-authored-by: Zhongnan Su <[email protected]>
Co-authored-by: Shenoy Pratik <[email protected]>

* Update top nav render and add app header
Use ScreenTitle instead of appname from topnav menu

Signed-off-by: Shenoy Pratik <[email protected]>

* Compress QueryStringInput appearance

Signed-off-by: Miki <[email protected]>

* Update header for applications

Signed-off-by: Miki <[email protected]>

* Eliminate colors from the borders of grouped action menu items

Signed-off-by: Miki <[email protected]>

* Update TopNavControl*Data type to controlType for consistency

Signed-off-by: Miki <[email protected]>

* Add tests for chrome Header

Signed-off-by: Shenoy Pratik <[email protected]>

* Update Breadcrumbs tests

Signed-off-by: Shenoy Pratik <[email protected]>

* Add tests for HeaderControlsContainer

Signed-off-by: Miki <[email protected]>

* Add tests for TopNavControls and TopNavControlItem

Signed-off-by: Shenoy Pratik <[email protected]>

* Updated tests for TopNavMenu and TopNavMenuItem

Signed-off-by: Shenoy Pratik <[email protected]>

* Fix `uiSettingsServiceMock` missing `start`

Signed-off-by: Miki <[email protected]>

* Add the `target` property to TopNavControlItem

Signed-off-by: Miki <[email protected]>

* Update Navigation mock and start contract

Signed-off-by: Miki <[email protected]>

* Add createGetterSetter mock in dashboards app state

Signed-off-by: Shenoy Pratik <[email protected]>

* Add tests for setting and unsetting header variant

Signed-off-by: Miki <[email protected]>

* Add tests for setting header controls

Signed-off-by: Miki <[email protected]>

* Re-skin DataSource selection's trigger button

Signed-off-by: Miki <[email protected]>

* Conditionally change where theme management menu item shows up

Signed-off-by: Miki <[email protected]>

* Conditionally change where the help menu items shows up

Signed-off-by: Miki <[email protected]>

* Make IndexPatternTable page conditionally use the new page header

Signed-off-by: Miki <[email protected]>

* Make Discover conditionally use the new application header

Signed-off-by: Miki <[email protected]>

* Make Dashboards conditionally use the new application header

Signed-off-by: Miki <[email protected]>

* Add changelog fragment

Signed-off-by: Shenoy Pratik <[email protected]>
Signed-off-by: Miki <[email protected]>

* Add tracking issue for empty label for DataSourceMenuPopoverButton

Signed-off-by: Miki <[email protected]>

* Use EUI aliases in CSS variables

Signed-off-by: Miki <[email protected]>

* Remove TopNavMenuLink

Signed-off-by: Miki <[email protected]>

* Make sure OuiHeader doesn't contribute to the background

Also:
* Remove unused code

Signed-off-by: Miki <[email protected]>

* Better border hiding for DSM popover button

Signed-off-by: Miki <[email protected]>

* Make popover button overflow later

Signed-off-by: Miki <[email protected]>

---------

Signed-off-by: Miki <[email protected]>
Signed-off-by: Shenoy Pratik <[email protected]>
Co-authored-by: Zhongnan Su <[email protected]>
Co-authored-by: Shenoy Pratik <[email protected]>

(cherry picked from commit 265a176390f337ddc2f3cc20dcd367e77b9abd9f)
Signed-off-by: Miki <[email protected]>
@AMoo-Miki
Copy link
Contributor Author

OUI 1.9 was merged into main and the only failures are for to linting issues unrelated to this PR.

@joshuali925 joshuali925 merged commit ff37ada into opensearch-project:main Aug 19, 2024
10 of 12 checks passed
@opensearch-trigger-bot
Copy link
Contributor

The backport to 2.x failed:

The process '/usr/bin/git' failed with exit code 128

To backport manually, run these commands in your terminal:

# Navigate to the root of your repository
cd $(git rev-parse --show-toplevel)
# Fetch latest updates from GitHub
git fetch
# Create a new working tree
git worktree add ../.worktrees/dashboards-reporting/backport-2.x 2.x
# Navigate to the new working tree
pushd ../.worktrees/dashboards-reporting/backport-2.x
# Create a new branch
git switch --create backport/backport-398-to-2.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x --mainline 1 ff37ada3bedcc9bb1d9235436c6a3e301aaacaa8
# Push it to GitHub
git push --set-upstream origin backport/backport-398-to-2.x
# Go back to the original working tree
popd
# Delete the working tree
git worktree remove ../.worktrees/dashboards-reporting/backport-2.x

Then, create a pull request where the base branch is 2.x and the compare/head branch is backport/backport-398-to-2.x.

joshuali925 pushed a commit to joshuali925/dashboards-reporting that referenced this pull request Aug 19, 2024
…pensearch-project#398)

Signed-off-by: Miki <[email protected]>
Signed-off-by: Shenoy Pratik <[email protected]>
Co-authored-by: Zhongnan Su <[email protected]>
Co-authored-by: Shenoy Pratik <[email protected]>
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.

4 participants