Skip to content

docs(webkit): fix second-level navigation and the first-level list in webkit-navigation - #894

Open
gabriel-lisboa-azion wants to merge 1 commit into
mainfrom
docs/webkit-navigation-second-level
Open

docs(webkit): fix second-level navigation and the first-level list in webkit-navigation#894
gabriel-lisboa-azion wants to merge 1 commit into
mainfrom
docs/webkit-navigation-second-level

Conversation

@gabriel-lisboa-azion

Copy link
Copy Markdown
Collaborator

Summary

  • A first-level module list carries no PageHeading — the breadcrumb crumb already names the module, so an <h1> repeating it only pushed the first table row below the fold. The page opens on a controls row instead: narrowing left, the module's actions right, over the flush borderless CardBox table. Controls move out of the table's #toolbar (they belong to the page, not the table), which means search becomes a plain InputText bound to v-model:globalFilter.
  • One rule for where the page's primary button lives, decided by whether the page has tabs: tabs → the tab row (size="medium", items-center, height reserved with min-h-8 so a tab switch never nudges the page); no tabs → the controls row (size="large"). Never both.
  • A breadcrumb table for every level, plus the rule that a tab is never a crumb (it travels in ?tab=), and that a tabbed page renders no PageHeading.

How to test

  1. node packages/webkit/scripts/check-authoring-docs.mjs0 new (frontmatter + no file-as-example).
  2. npx prettier --check packages/webkit/cli-templates/claude/skills/webkit-navigation/SKILL.md → passes.
  3. Run /webkit-navigation <file> against a console list page and a tabbed detail page: it now flags a PageHeading on a first-level list, a create button duplicated inside a tab, and a tab that changes the breadcrumb.

Notes

  • Skill content only — no component, token, or CLI-bundle change. webkit-navigation was already in the bundle.

… webkit-navigation

A first-level module list is already named by the header breadcrumb, so it drops
its PageHeading and opens on a controls row (narrowing left, the module's actions
right) over the flush borderless table. Adds the rule that decides where a page's
primary button lives — the tab row at size medium on a tabbed page, the controls
row at size large on an untabbed one — with the height reservation that keeps a
tab switch from nudging the page, and a breadcrumb table covering every level
plus the rule that a tab is never a crumb.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant