From bd2bd85e565fe87a481811371a737b1a919cabc6 Mon Sep 17 00:00:00 2001 From: "dana.kim@seqera.io" Date: Wed, 11 Jun 2025 15:24:05 +0200 Subject: [PATCH 1/5] add smaller max-width on content, remove top margin from h1 --- src/css/main.css | 4 ++++ src/css/typography.css | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/css/main.css b/src/css/main.css index 2b314a286..5190394c8 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -425,6 +425,10 @@ html[data-theme="dark"]{ margin-top: 0; } +article { + max-width: 730px; + margin: 0 auto; +} /* Font rendering + code block tweaks */ article .markdown { -webkit-font-smoothing: auto; diff --git a/src/css/typography.css b/src/css/typography.css index f204469ce..78772573b 100644 --- a/src/css/typography.css +++ b/src/css/typography.css @@ -5,7 +5,7 @@ h1, h2, h3, h4, h5, h6 { h1 { font-size: 2.5rem; font-weight: 600; - margin-top: 2rem; + /* margin-top: 2rem; */ margin-bottom: 1rem; line-height: 1.1; @media (min-width: 996px) { From 2208938e8ea608da38bc55f52bfd7067b4b41324 Mon Sep 17 00:00:00 2001 From: "dana.kim@seqera.io" Date: Wed, 11 Jun 2025 15:28:19 +0200 Subject: [PATCH 2/5] remove background breadcrumb link hover --- src/css/main.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/css/main.css b/src/css/main.css index 5190394c8..03ed095f7 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -464,3 +464,8 @@ html[data-theme="dark"]{ background-color: #353437; } } + +.breadcrumbs__link:any-link:hover, +.breadcrumbs__link:hover { + background: transparent; +} From 0082c552a121f53ca7d590854d53a246943e8760 Mon Sep 17 00:00:00 2001 From: "dana.kim@seqera.io" Date: Wed, 11 Jun 2025 16:41:34 +0200 Subject: [PATCH 3/5] remove border line on admonitions --- src/css/theme-colors.css | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/src/css/theme-colors.css b/src/css/theme-colors.css index b5d92518a..98f9fbafd 100644 --- a/src/css/theme-colors.css +++ b/src/css/theme-colors.css @@ -273,11 +273,18 @@ html[data-theme="dark"] { } } + +.theme-admonition, +.theme-admonition.theme-admonition-note { + border: none; + border-color: transparent; +} /* info and note */ .theme-admonition.theme-admonition-note, .theme-admonition.alert--info { background-color: var(--color-wave-100); - border-color: var(--color-wave-400); + /* border-color: var(--color-wave-400); */ + a { text-decoration-color: var(--color-wave-blu-700); color: var(--color-blu-700); @@ -292,7 +299,7 @@ html[data-theme="dark"] { .theme-admonition.theme-admonition-tip, .theme-admonition.theme-admonition-success { background-color: var(--color-nextflow-100); - border-color: var(--color-nextflow-900); + /* border-color: var(--color-nextflow-900); */ text-decoration-color: var(--color-nextflow-600); a { color: var(--color-nextflow-800); @@ -318,9 +325,9 @@ html[data-theme="dark"] { background: #403F43; } } - .details.alert--info { + /* .details.alert--info { border-color: #F1F1F1; - } + } */ .theme-doc-version-banner { background: var(--color-multiqc-1000); @@ -341,7 +348,7 @@ html[data-theme="dark"] { } .theme-admonition.alert--success { background-color: var(--color-nextflow-1000); - border-color: var(--color-nextflow-100); + /* border-color: var(--color-nextflow-100); */ text-decoration-color: var(--color-nextflow-200); a { color: var(--color-nextflow-200); From c580227e42bb200b71e3850d1819ea4283c4d7f9 Mon Sep 17 00:00:00 2001 From: "dana.kim@seqera.io" Date: Thu, 12 Jun 2025 11:16:19 +0200 Subject: [PATCH 4/5] slightly increase code font size --- src/css/main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/css/main.css b/src/css/main.css index 03ed095f7..c7c830608 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -438,7 +438,7 @@ article .markdown { --ifm-code-border-radius: 0; } article .markdown code { - font-size: 75%; + font-size: 85%; border-radius: 0; border: 1px solid #e1e4e5; } @@ -449,7 +449,7 @@ article .markdown :not(pre) > code { } article .markdown pre code { background-color: #f8f8f8; - font-size: .75rem !important; + font-size: .85rem !important; } html[data-theme="dark"]{ article .markdown code { From 0b6b6063094856abbb3c131add5d212c482d5cf4 Mon Sep 17 00:00:00 2001 From: "dana.kim@seqera.io" Date: Thu, 12 Jun 2025 11:34:45 +0200 Subject: [PATCH 5/5] swizzle TOC, add "add on this page" header --- src/theme/TOC/index.tsx | 24 ++++++++++++++++++++++++ src/theme/TOC/styles.module.css | 16 ++++++++++++++++ 2 files changed, 40 insertions(+) create mode 100644 src/theme/TOC/index.tsx create mode 100644 src/theme/TOC/styles.module.css diff --git a/src/theme/TOC/index.tsx b/src/theme/TOC/index.tsx new file mode 100644 index 000000000..ca285edd8 --- /dev/null +++ b/src/theme/TOC/index.tsx @@ -0,0 +1,24 @@ +import React, {type ReactNode} from 'react'; +import clsx from 'clsx'; +import TOCItems from '@theme/TOCItems'; +import type {Props} from '@theme/TOC'; + +import styles from './styles.module.css'; + +// Using a custom className +// This prevents TOCInline/TOCCollapsible getting highlighted by mistake +const LINK_CLASS_NAME = 'table-of-contents__link toc-highlight'; +const LINK_ACTIVE_CLASS_NAME = 'table-of-contents__link--active'; + +export default function TOC({className, ...props}: Props): ReactNode { + return ( +
+

On this page

+ +
+ ); +} diff --git a/src/theme/TOC/styles.module.css b/src/theme/TOC/styles.module.css new file mode 100644 index 000000000..4b5d9f462 --- /dev/null +++ b/src/theme/TOC/styles.module.css @@ -0,0 +1,16 @@ +.tableOfContents { + max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem)); + overflow-y: auto; + position: sticky; + top: calc(var(--ifm-navbar-height) + 1rem); +} + +@media (max-width: 996px) { + .tableOfContents { + display: none; + } + + .docItemContainer { + padding: 0 0.3rem; + } +}