Skip to content

Add divider option to Get Started section#11530

Open
shakya-ux wants to merge 1 commit into
wso2:masterfrom
shakya-ux:shakya-ux-patch-1
Open

Add divider option to Get Started section#11530
shakya-ux wants to merge 1 commit into
wso2:masterfrom
shakya-ux:shakya-ux-patch-1

Conversation

@shakya-ux

@shakya-ux shakya-ux commented Jun 23, 2026

Copy link
Copy Markdown

The "Get Started" section in the left sidebar was missing the dropdown arrow icon, unlike other expandable sections such as "Install & Setup" and "Tutorials".

This fix adds the missing indicator so the sidebar is visually consistent.

Fixes #5109

@CLAassistant

CLAassistant commented Jun 23, 2026

Copy link
Copy Markdown

CLA assistant check
All committers have signed the CLA.

@coderabbitai

coderabbitai Bot commented Jun 23, 2026

Copy link
Copy Markdown

Review Change Stack

📝 Walkthrough

Walkthrough

In en/mkdocs.yml, the options field for the "Get Started" entry under extra.expanded_navs was changed from no-collapsible to divider. No other files or configuration entries were modified.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Description check ⚠️ Warning The PR description provided is minimal and does not follow the required template structure. While the author provided a brief summary of the change, the actual PR description sections (Purpose, Goals, Approach, User stories, Release notes, Documentation, Training, Certification, Marketing, Automation tests, Security checks, Samples, Related PRs, Migrations, Test environment, and Learning) are entirely absent. Complete the pull request description using the required template. Include Purpose, Goals, Approach, User stories, Release notes, and Documentation sections at minimum. Address all applicable template sections for proper review and merge.
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly and specifically describes the main change: adding a divider option to the Get Started section.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@en/mkdocs.yml`:
- Line 891: Verify that the removal of `no-collapsible` and addition of
`divider` to the "Get Started" section in mkdocs.yml (line 891) is intentional,
as this change makes the section collapsible instead of always expanded.
Document this behavioral change and the rationale behind it in the pull request
description, explicitly stating that the "Get Started" section now matches the
collapsible behavior of "Install & Setup" and "API Design & Manage" sections.
Ensure the documentation clarifies that this UX change aligns with the intended
navigation pattern.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: a6dca65f-34fb-445c-b0ad-df30897ae544

📥 Commits

Reviewing files that changed from the base of the PR and between 4123530 and a71e439.

📒 Files selected for processing (1)
  • en/mkdocs.yml

Comment thread en/mkdocs.yml
options:
- verticle-line
- no-collapsible
- divider

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

🎯 Functional Correctness | 🟡 Minor

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
# Verify how no-collapsible is used elsewhere and confirm the behavioral contract

echo "=== Checking template usage of no-collapsible and divider options ==="
rg -n -C3 --type=html 'no-collapsible.*in.*options|"no-collapsible"'

echo -e "\n=== Checking other expanded_navs configurations ==="
rg -n -A2 'expanded_navs:' en/mkdocs.yml

echo -e "\n=== Verifying divider rendering logic ==="
rg -n -C2 --type=html '"divider".*in.*options'

Repository: wso2/docs-apim

Length of output: 222


🏁 Script executed:

#!/bin/bash

echo "=== Checking en/mkdocs.yml around line 891 ==="
if [ -f en/mkdocs.yml ]; then
  sed -n '880,910p' en/mkdocs.yml | cat -n
else
  echo "File not found at en/mkdocs.yml"
  find . -name "mkdocs.yml" -type f | head -20
fi

echo -e "\n=== Looking for nav-item template files ==="
find . -name "*nav*item*" -type f | head -20

echo -e "\n=== Checking for theme directory ==="
find en/theme -type f -name "*.html" 2>/dev/null | head -20

echo -e "\n=== Searching for 'no-collapsible' in the repo ==="
rg -i 'no-collapsible' --type-list | head -5
rg -i 'no-collapsible' -l | head -20

Repository: wso2/docs-apim

Length of output: 2461


🏁 Script executed:

#!/bin/bash

echo "=== Reading nav-item.html template ==="
cat -n en/theme/material/partials/nav-item.html

echo -e "\n=== Searching for 'no-collapsible' references in repo ==="
rg -i 'no-collapsible' | head -30

echo -e "\n=== Searching for 'divider' handling in code ==="
rg -i 'divider' en/theme/ | head -30

Repository: wso2/docs-apim

Length of output: 17556


Confirm this behavioral change is intentional and documented.

Removing no-collapsible and adding divider makes the "Get Started" section collapsible (users can expand/expand it), where it was previously always expanded. The template logic in nav-item.html (lines 122–125) shows that no-collapsible disables the collapse icon; removing it enables it.

This aligns with "Install & Setup" and "API Design & Manage" sections, which both use the same verticle-line + divider configuration. While the pattern suggests intentionality, the empty PR description leaves the UX change undocumented. Ensure this behavioral change matches the intended user experience.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@en/mkdocs.yml` at line 891, Verify that the removal of `no-collapsible` and
addition of `divider` to the "Get Started" section in mkdocs.yml (line 891) is
intentional, as this change makes the section collapsible instead of always
expanded. Document this behavioral change and the rationale behind it in the
pull request description, explicitly stating that the "Get Started" section now
matches the collapsible behavior of "Install & Setup" and "API Design & Manage"
sections. Ensure the documentation clarifies that this UX change aligns with the
intended navigation pattern.

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.

2 participants