admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

docs: add page level sidebar (#1749)

Browse Source 
* POC: docs: add page level sidebar

Closes #1341

* docs: hide level 1 test page from navbar
This commit is contained in:
Thaïs
2023-09-29 17:50:21 +02:00
committed by GitHub
parent 4e181aa40e
commit ae0acd508a
9 changed files with 72 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
docs/src/css/custom.css
View File

@ -174,6 +174,25 @@ li.coming-soon a::after {
margin-left: var(--ifm-menu-link-padding-horizontal);
}
.menu__list-item--home {
font-size: 13px;
margin: 1.5rem 0;
}
.theme-doc-sidebar-item-link-level-1.menu__list-item--root .sidebar-item-icon {
background-clip: content-box;
background-color: var(--category-icon-background-color);
border: 1px solid var(--category-icon-border-color);
border-radius: 8px;
padding: 3px;
margin-right: 16px;
}
.theme-doc-sidebar-item-link-level-1.menu__list-item--root .sidebar-item-icon svg {
height: 22px;
width: 22px;
padding: 1px;
}
.sidebar-item-icon {
display: flex;
vertical-align: center;

20
docs/src/theme/DocSidebarItem/Category/index.js
View File

@ -85,15 +85,17 @@ const DocSidebarItemCategory = ({
{!!href && !isInternalLink && <IconExternalLink />}
</Link>
<Collapsible lazy as="ul" className="menu__list" collapsed={collapsed}>
<DocSidebarItems
items={items}
tabIndex={collapsed ? -1 : 0}
onItemClick={onItemClick}
activePath={activePath}
level={level + 1}
/>
</Collapsible>
{!customProps.isSidebarRoot && (
<Collapsible lazy as="ul" className="menu__list" collapsed={collapsed}>
<DocSidebarItems
items={items}
tabIndex={collapsed ? -1 : 0}
onItemClick={onItemClick}
activePath={activePath}
level={level + 1}
/>
</Collapsible>
)}
</li>
);
};

1
docs/src/theme/DocSidebarItem/Link/index.js
View File

@ -29,6 +29,7 @@ const DocSidebarItemLink = ({
ThemeClassNames.docs.docSidebarItemLinkLevel(level),
"menu__list-item",
`menu__list-item--level${level}`,
{ "menu__list-item--root": customProps.isSidebarRoot },
className
)}
key={label}