[Page Header]Fix responsiveness issue for dashboards & visualization app headers

[zhongnansu]

Description

• [Page Header]Fix responsiveness issue for dashboards & visualization app header

iShot_2024-09-25_16.00.14.mp4

Issues Resolved

Screenshot

Testing the changes

Changelog

• skip

Check List

• All tests pass
  • yarn test:jest
  • yarn test:jest_integration
• New functionality includes testing.
• New functionality has been documented.
• Update CHANGELOG.md
• Commits are signed per the DCO using --signoff

[github-actions]

❌ Empty Changelog Section

The Changelog section in your PR description is empty. Please add a valid changelog entry or entries. If you did add a changelog entry, check to make sure that it was not accidentally included inside the comment block in the Changelog section.

[github-actions]

❌ Empty Changelog Section

The Changelog section in your PR description is empty. Please add a valid changelog entry or entries. If you did add a changelog entry, check to make sure that it was not accidentally included inside the comment block in the Changelog section.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 64.14%. Comparing base (8d45530) to head (a502ab4).
Report is 2 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #8329   +/-   ##
=======================================
  Coverage   64.14%   64.14%           
=======================================
  Files        3743     3743           
  Lines       88841    88841           
  Branches    13855    13855           
=======================================
  Hits        56985    56985           
  Misses      31241    31241           
  Partials      615      615           

Flag	Coverage Δ
Linux_1	30.06% <ø> (ø)
Linux_2	58.86% <ø> (ø)
Linux_3	40.35% <ø> (?)
Linux_4	31.58% <ø> (ø)
Windows_1	30.08% <ø> (ø)
Windows_2	58.81% <ø> (ø)
Windows_3	40.35% <ø> (ø)
Windows_4	31.58% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[virajsanghvi]

approving assuming comment isn't an issue and ci passes

[virajsanghvi]

Can you check why

gets misaligned on small screens per your video?

[zhongnansu]

Can you check why gets misaligned on small screens per your video?

@virajsanghvi fixed the css issue and updated the PR

[virajsanghvi]

note: May want to rerun ci for failed tasks

[zhongnansu]

note: May want to rerun ci for failed tasks

@virajsanghvi Fixed. The stying issue of scss file. Do you have any recommendation for a good scss formatting tool? I remember researching for some, but not very good to use

[opensearch-trigger-bot]

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/OpenSearch-Dashboards/backport-2.x 2.x
# Navigate to the new working tree
pushd ../.worktrees/OpenSearch-Dashboards/backport-2.x
# Create a new branch
git switch --create backport/backport-8329-to-2.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x --mainline 1 8db6a165f55aeded58e0220680dde3030b1097d1
# Push it to GitHub
git push --set-upstream origin backport/backport-8329-to-2.x
# Go back to the original working tree
popd
# Delete the working tree
git worktree remove ../.worktrees/OpenSearch-Dashboards/backport-2.x

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

[opensearch-trigger-bot]

The backport to 2.17 failed:

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

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/OpenSearch-Dashboards/backport-2.17 2.17
# Navigate to the new working tree
pushd ../.worktrees/OpenSearch-Dashboards/backport-2.17
# Create a new branch
git switch --create backport/backport-8329-to-2.17
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x --mainline 1 8db6a165f55aeded58e0220680dde3030b1097d1
# Push it to GitHub
git push --set-upstream origin backport/backport-8329-to-2.17
# Go back to the original working tree
popd
# Delete the working tree
git worktree remove ../.worktrees/OpenSearch-Dashboards/backport-2.17

Then, create a pull request where the base branch is 2.17 and the compare/head branch is backport/backport-8329-to-2.17.