Skip to content

CLI-882 Make CLI landing page mobile responsive, update quickstart#606

Open
cliffordgoh-sonar wants to merge 2 commits into
masterfrom
cg/ux-cli
Open

CLI-882 Make CLI landing page mobile responsive, update quickstart#606
cliffordgoh-sonar wants to merge 2 commits into
masterfrom
cg/ux-cli

Conversation

@cliffordgoh-sonar

@cliffordgoh-sonar cliffordgoh-sonar commented Jul 21, 2026

Copy link
Copy Markdown
Contributor

Make mobile responsive index.html, commands.html, style.css
Updated quickstart guide with new version commands


Summary by Gitar

  • Navigation UI:
    • Added mobile-responsive hamburger menu to index.html and commands.html with supporting CSS.
  • Install Interface:
    • Replaced tabbed installation guide with a dynamic install-picker component in index.html.
  • Interactive Features:
    • Added a mobile-optimized jtbd-select dropdown for tasks and improved layout for smaller viewports.
  • Data Tables:
    • Updated commands.html tables to use responsive data-label attributes for mobile display.
  • Documentation/Scripts:
    • Updated CLI documentation with new commands like sonar update and sonar system status.

This will update automatically on new commits.

@netlify

netlify Bot commented Jul 21, 2026

Copy link
Copy Markdown

Deploy Preview for sonarqube-cli canceled.

Name Link
🔨 Latest commit a2e7279
🔍 Latest deploy log https://app.netlify.com/projects/sonarqube-cli/deploys/6a6071d77a3c6c00086ecdf6

@hashicorp-vault-sonar-prod hashicorp-vault-sonar-prod Bot changed the title Make CLI landing page mobile responsive, update quickstart CLI-882 Make CLI landing page mobile responsive, update quickstart Jul 21, 2026
@hashicorp-vault-sonar-prod

hashicorp-vault-sonar-prod Bot commented Jul 21, 2026

Copy link
Copy Markdown

CLI-882

Comment thread docs/index.html
@gitar-bot

gitar-bot Bot commented Jul 22, 2026

Copy link
Copy Markdown
Code Review ✅ Approved 1 resolved / 1 findings

Responsive CLI landing page and documentation updates implemented with a new dynamic install-picker. Add keyboard support and proper ARIA states to the install-picker to improve accessibility.

✅ 1 resolved
Quality: Custom install-picker listbox lacks keyboard support / aria-selected

📄 docs/index.html:112-119 📄 docs/index.html:791-805
The new install picker uses role="listbox"/role="option" but options are only wired to click; there is no arrow-key/Enter handling on the trigger or options, and the selected option only toggles a CSS class (is-selected) without setting aria-selected. Keyboard and screen-reader users cannot operate the widget as an actual listbox. Add keydown navigation (Up/Down/Enter) and set aria-selected on the active option in selectOption.

Options

Auto-apply is off → Gitar will not commit updates to this branch.
Display: compact → Showing less information.

Comment with these commands to change the behavior for this request:

Auto-apply Compact
gitar auto-apply:on         
gitar display:verbose         

Was this helpful? React with 👍 / 👎 | Gitar

@sonarqubecloud

Copy link
Copy Markdown

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant