Implement various visual improvements for the doc generator

- Display function's signature next to the function name
    (instead of being repeated below the function documentation).

  - Same for module constants

  - Display record constructors in a more concise manner, with
    constructors fields next to constructors.

  - Display generic parameters, if any, next to the type

  - Plus some minor color and icon rework.
This commit is contained in:
KtorZ
2023-01-18 12:34:18 +01:00
parent 33d902ba2a
commit 071dc00624
8 changed files with 148 additions and 156 deletions

View File

@@ -17,8 +17,8 @@
--color-text: #4c4f69;
--color-text-accent: #e6e9ef;
--color-inline-code: #ea76cb;
--color-link: #dc8a78;
--color-link-accent: #dd7878;
--color-link: #ea76cb;
--color-link-accent: #e660c2;
--color-background: #eff1f5;
--color-background-sidebar: #e6e9ef;
--color-background-accent: #8839ef;
@@ -409,10 +409,19 @@ body.drawer-open .label-closed {
.member-name h2 {
display: flex;
font-size: 1.5rem;
font-size: 1.25rem;
margin: 0;
}
.member-name > h2 > pre {
background: none;
font-family: 'Ubuntu Mono';
box-shadow: unset;
border-radius: unset;
margin: 0;
}
.member-name h2 a {
color: var(--color-text-accent);
}
@@ -436,6 +445,12 @@ body.drawer-open .label-closed {
display: flex;
}
.constructor-row .icon {
flex-shrink: 0;
font-size: 0.7rem;
margin: 0 0.88rem;
}
.constructor-item {
margin-bottom: var(--small-gap);
}
@@ -459,12 +474,20 @@ body.drawer-open .label-closed {
.constructor-item-docs {
margin-left: var(--large-gap);
margin-bottom: var(--gap);
padding-left: 1.5rem;
margin-top: -1em;
}
.constructor-item .icon {
flex-shrink: 0;
font-size: 0.7rem;
margin: 0 0.88rem;
.constructor-item-docs::before {
content: '↳';
position: relative;
margin-left: -1.5rem;
top: 1.5em;
color: var(--color-background-accent);
}
.constructor-item-docs p {
margin: 0;
}
.constructor-name {