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

docs: redesign docs collapsible categories (#1748)

Browse Source 
* docs: redesign docs collapsible categories

Closes #1341

* Fix people creation from People table page

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Thaïs
2023-09-29 16:22:04 +02:00
committed by GitHub
parent b52190c707
commit 1c35ccce4e
10 changed files with 194 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -38,6 +38,11 @@
--ifm-spacing-horizontal: 2rem;
--ifm-menu-link-padding-vertical: 0.2rem;
--list-items-border-color: #ebebeb;
--category-icon-background-color: #ebebeb;
--category-icon-border-color: #d6d6d6;
--level-1-color: #B3B3B3;
}
.markdown > h1 {
@ -60,6 +65,10 @@
[data-theme='dark'] {
--ifm-color-primary: #fff;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
--list-items-border-color: #292929;
--category-icon-background-color: #292929;
--category-icon-border-color: #333333;
--level-1-color: #666666;
}
body {
@ -73,6 +82,10 @@ html {
font-size: 14px;
}
.container {
padding-top: 48px !important;
}
.DocSearch-Button {
height: 32px !important;
border-radius: 8px !important;
@ -120,6 +133,10 @@ a.menu__link, a.navbar__item {
text-decoration: none;
}
.menu__link--external {
align-items: center;
}
li.coming-soon a::after {
float: right;
content: "soon";
@ -134,33 +151,33 @@ li.coming-soon a::after {
font-size: 80%;
}
.menu__list-item-collapsible > a {
.theme-doc-sidebar-item-category-level-1 > .menu__link {
text-transform: uppercase;
font-size:11px;
color: #B3B3B3;
font-size: 12px;
color: var(--level-1-color);
}
.menu__list-item-collapsible > a:hover {
color: #B3B3B3;
}
.menu__list-item-collapsible > a {
text-transform: uppercase;
font-size:12px;
}
.menu__list-item-collapsible:hover {
.menu__list-item--level1 > .menu__link--active,
.menu__list-item--level1 > .menu__link:hover {
background: inherit;
}
.theme-doc-sidebar-item-category {
.theme-doc-sidebar-item-category-level-1 {
padding-top: 1.5rem;
}
.theme-doc-sidebar-item-category-level-2 {
cursor: pointer;
}
.theme-doc-sidebar-item-category-level-2 .menu__list {
border-left: 1px solid var(--list-items-border-color);
margin-left: var(--ifm-menu-link-padding-horizontal);
}
.sidebar-item-icon {
display: flex;
vertical-align: center;
padding-right: 0.5rem;
margin-right: 0.5rem;
}
.icon-and-text {
@ -184,15 +201,6 @@ a.table-of-contents__link:hover{
text-decoration: underline;
}
.navbar-sub-menu {
padding-top: 8px;
font-size: 13px;
}
.navbar-sub-menu .menu__link--sublist {
font-size: 11px;
}
.docs-image {
max-width: 100%;
display: flex;