Skip to content

🐛 Fix mobile My Clusters toolbar overflow for sort controls#12866

Merged
kubestellar-hive[bot] merged 1 commit into
mainfrom
fix/12859
May 9, 2026
Merged

🐛 Fix mobile My Clusters toolbar overflow for sort controls#12866
kubestellar-hive[bot] merged 1 commit into
mainfrom
fix/12859

Conversation

@kubestellar-hive
Copy link
Copy Markdown
Contributor

Fixes #12859

Summary

The My Clusters toolbar's right-side actions (Add Cluster, layout selector, sort controls) were inside a non-wrapping flex container with ml-auto, causing them to overflow on mobile viewports (375–390px).

Changes

  • Make the right-side toolbar actions container responsive: full-width on mobile (wraps to next line), auto-width with ml-auto on sm+ screens
  • Enable flex-wrap on both the actions container and the button group so controls stack on narrow screens
  • Reduce gap from gap-3 to gap-2 on mobile for better space utilization
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Signed-off-by: Copilot <copilot@github.com>
@kubestellar-hive kubestellar-hive Bot requested review from Copilot and removed request for Copilot May 9, 2026 21:20
@kubestellar-prow kubestellar-prow Bot added the dco-signoff: yes Indicates the PR's author has signed the DCO. label May 9, 2026
@netlify
Copy link
Copy Markdown

netlify Bot commented May 9, 2026

Deploy Preview for kubestellarconsole ready!

Name Link
🔨 Latest commit f1f5bf0
🔍 Latest deploy log https://app.netlify.com/projects/kubestellarconsole/deploys/69ffa50ffc6ca3000808b2da
😎 Deploy Preview https://deploy-preview-12866.console-deploy-preview.kubestellar.io
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@kubestellar-prow
Copy link
Copy Markdown
Contributor

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign eeshaansa for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Details Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 9, 2026

👋 Hey @kubestellar-hive[bot] — thanks for opening this PR!

🤖 This project is developed exclusively using AI coding assistants.

Please do not attempt to code anything for this project manually.
All contributions should be authored using an AI coding tool such as:

This ensures consistency in code style, architecture patterns, test coverage,
and commit quality across the entire codebase.


This is an automated message.

@github-actions github-actions Bot added tier/2-standard ai-generated Pull request generated by AI labels May 9, 2026
@kubestellar-prow kubestellar-prow Bot added the size/XS Denotes a PR that changes 0-9 lines, ignoring generated files. label May 9, 2026
@kubestellar-hive kubestellar-hive Bot merged commit d9c3a35 into main May 9, 2026
36 of 37 checks passed
@kubestellar-prow kubestellar-prow Bot deleted the fix/12859 branch May 9, 2026 21:42
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 9, 2026

Thank you for your contribution! Your PR has been merged.

Check out what's new:

Stay connected: Slack #kubestellar-dev | Multi-Cluster Survey

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 9, 2026

❌ Post-Merge Verification: failed

Commit: d9c3a35e300f95e81de8e7f179e6cc67256a52bf
Specs run: Clusters.spec.ts smoke.spec.ts
Report: https://github.com/kubestellar/console/actions/runs/25612524937

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 9, 2026

Post-merge build verification passed

Both Go and frontend builds compiled successfully against merge commit d9c3a35e300f95e81de8e7f179e6cc67256a52bf.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ai-generated Pull request generated by AI copilot dco-signoff: yes Indicates the PR's author has signed the DCO. size/XS Denotes a PR that changes 0-9 lines, ignoring generated files. tier/2-standard

0 participants