fix(theme-classic): polish admonition details, render title-only admonitions (#8150)

Co-authored-by: sebastienlorber <lorber.sebastien@gmail.com>
This commit is contained in:
Martin Adamko 2022-12-09 20:02:06 +01:00 committed by GitHub
parent 32dc1eddba
commit f3563ca23c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 71 additions and 4 deletions

View file

@ -41,7 +41,9 @@ function AdmonitionHeading({icon, title}: Pick<Props, 'icon' | 'title'>) {
}
function AdmonitionContent({children}: Pick<Props, 'children'>) {
return <div className={styles.admonitionContent}>{children}</div>;
return children ? (
<div className={styles.admonitionContent}>{children}</div>
) : null;
}
export default function AdmonitionLayout(props: Props): JSX.Element {

View file

@ -13,6 +13,10 @@
font: var(--ifm-heading-font-weight) var(--ifm-h5-font-size) /
var(--ifm-heading-line-height) var(--ifm-heading-font-family);
text-transform: uppercase;
}
/* Heading alone without content (does not handle fragment content) */
.admonitionHeading:not(:last-child) {
margin-bottom: 0.3rem;
}