@seqera/docusaurus-theme-seqera 1.0.2 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +2 -0
- package/lib/main-styles.css +21 -1
- package/lib/styles/admonition-alerts.css +69 -0
- package/lib/styles/api.css +84 -7
- package/lib/styles/search.css +3 -0
- package/lib/theme/Details/styles.module.css +22 -2
- package/lib/theme/DocItem/Layout/index.js +2 -2
- package/lib/theme/DocRoot/Layout/Main/styles.module.css +1 -0
- package/lib/theme/DocTagDocListPage/index.js +27 -23
- package/lib/theme/DocTagsListPage/index.js +4 -2
- package/lib/theme/Navbar/MobileSidebar/PrimaryMenu/index.js +2 -2
- package/lib/theme/TagsListByLetter/index.js +2 -2
- package/package.json +2 -2
- package/src/index.ts +2 -0
- package/src/main-styles.css +21 -1
- package/src/styles/admonition-alerts.css +69 -0
- package/src/styles/api.css +84 -7
- package/src/styles/search.css +3 -0
- package/src/theme/Details/styles.module.css +22 -2
- package/src/theme/DocItem/Layout/index.tsx +2 -2
- package/src/theme/DocRoot/Layout/Main/styles.module.css +1 -0
- package/src/theme/DocTagDocListPage/index.tsx +8 -8
- package/src/theme/DocTagsListPage/index.tsx +2 -2
- package/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.tsx +2 -2
- package/src/theme/TagsListByLetter/index.tsx +2 -2
package/lib/index.js
CHANGED
|
@@ -55,6 +55,8 @@ function themeSeqera(context, options) {
|
|
|
55
55
|
'./styles/typography.css',
|
|
56
56
|
'./main-styles.css',
|
|
57
57
|
'./styles/api.css',
|
|
58
|
+
'./styles/search.css',
|
|
59
|
+
'./styles/admonition-alerts.css',
|
|
58
60
|
];
|
|
59
61
|
modules.push(...customCss.map((p) => path_1.default.resolve(context.siteDir, p)));
|
|
60
62
|
return modules;
|
package/lib/main-styles.css
CHANGED
|
@@ -61,6 +61,9 @@ Infima is Docusaurus's built in CSS framework.
|
|
|
61
61
|
--ifm-navbar-height: 4rem;
|
|
62
62
|
--ifm-breadcrumb-item-background-active: rgba(0, 0, 0, 0);
|
|
63
63
|
--ifm-code-color: var(--color-red-600);
|
|
64
|
+
--ifm-color-warning-contrast-background: #fff8e6;
|
|
65
|
+
|
|
66
|
+
--ifm-color-info: var(--color-multiqc-600);
|
|
64
67
|
|
|
65
68
|
/* remove box shadow variables */
|
|
66
69
|
--ifm-global-shadow-lw: none;
|
|
@@ -270,6 +273,7 @@ Infima is Docusaurus's built in CSS framework.
|
|
|
270
273
|
.container {
|
|
271
274
|
max-width: none;
|
|
272
275
|
margin: 0 auto;
|
|
276
|
+
padding: 0 1rem;
|
|
273
277
|
}
|
|
274
278
|
.container-sm {
|
|
275
279
|
max-width: 640px;
|
|
@@ -319,4 +323,20 @@ Infima is Docusaurus's built in CSS framework.
|
|
|
319
323
|
.menu__link--active {
|
|
320
324
|
background: none;
|
|
321
325
|
}
|
|
322
|
-
}
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
.badge {
|
|
329
|
+
background-color: var(--ifm-badge-background-color);
|
|
330
|
+
font-size: 70%;
|
|
331
|
+
font-weight: var(--ifm-font-weight-bold);
|
|
332
|
+
line-height: 1.2;
|
|
333
|
+
display: inline-block;
|
|
334
|
+
border: var(--ifm-badge-border-width) solid var(--ifm-badge-border-color);
|
|
335
|
+
border-radius: var(--ifm-badge-border-radius);
|
|
336
|
+
padding: var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal);
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
.badge--primary {
|
|
340
|
+
background-color: var(--color-wave-600);
|
|
341
|
+
border-color: var(--color-wave-600);
|
|
342
|
+
}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
|
|
2
|
+
.alert {
|
|
3
|
+
box-shadow: none;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.alert--warning {
|
|
7
|
+
--ifm-alert-background-color: var(--ifm-color-warning-contrast-background);
|
|
8
|
+
--ifm-alert-background-color-highlight: #ffba0026;
|
|
9
|
+
--ifm-alert-foreground-color: var(--ifm-color-warning-contrast-foreground);
|
|
10
|
+
--ifm-alert-border-color: var(--ifm-color-warning-dark);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.theme-admonition-tip,
|
|
14
|
+
.theme-admonition-success {
|
|
15
|
+
background-color: var(--color-nextflow-100);
|
|
16
|
+
border-color: var(--color-nextflow-400);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
[data-theme='dark'] {
|
|
20
|
+
.theme-admonition-tip,
|
|
21
|
+
.theme-admonition-success {
|
|
22
|
+
background-color: var(--color-nextflow-900);
|
|
23
|
+
border-color: var(--color-nextflow-600);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.theme-admonition-note,
|
|
28
|
+
.alert--info {
|
|
29
|
+
background-color: var(--color-wave-100);
|
|
30
|
+
border-color: var(--color-wave-300);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
[data-theme='dark'] {
|
|
34
|
+
.theme-admonition-note,
|
|
35
|
+
.alert--info {
|
|
36
|
+
background-color: var(--color-wave-900);
|
|
37
|
+
border-color: var(--color-wave-600);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.theme-admonition-warning {
|
|
42
|
+
background-color: var(--color-multiqc-100);
|
|
43
|
+
border-color: var(--color-multiqc-300);
|
|
44
|
+
}
|
|
45
|
+
[data-theme='dark'] {
|
|
46
|
+
.theme-admonition-warning {
|
|
47
|
+
background-color: var(--color-multiqc-900);
|
|
48
|
+
border-color: var(--color-multiqc-600);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.theme-admonition-danger {
|
|
53
|
+
background-color: var(--color-fusion-100);
|
|
54
|
+
border-color: var(--color-fusion-300);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
[data-theme='dark'] {
|
|
58
|
+
.theme-admonition-danger {
|
|
59
|
+
background-color: var(--color-fusion-900);
|
|
60
|
+
border-color: var(--color-fusion-600);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.alert--secondary {
|
|
65
|
+
--ifm-alert-background-color: var(--ifm-color-warning-contrast-background);
|
|
66
|
+
--ifm-alert-background-color-highlight: #ffba0026;
|
|
67
|
+
--ifm-alert-foreground-color: var(--ifm-color-warning-contrast-foreground);
|
|
68
|
+
--ifm-alert-border-color: var(--ifm-color-warning-dark);
|
|
69
|
+
}
|
package/lib/styles/api.css
CHANGED
|
@@ -7,11 +7,9 @@ Platform API style overrides
|
|
|
7
7
|
|
|
8
8
|
/* this is the class that wraps the main platform-api docs, so we nest overrides within */
|
|
9
9
|
.plugin-id-platform-api {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
.breadcrumbs {
|
|
14
|
-
padding: 1rem;
|
|
10
|
+
|
|
11
|
+
.badge {
|
|
12
|
+
color: var(--ifm-badge-color);
|
|
15
13
|
}
|
|
16
14
|
.theme-doc-version-badge {
|
|
17
15
|
margin-bottom: 1rem;
|
|
@@ -24,10 +22,12 @@ Platform API style overrides
|
|
|
24
22
|
}
|
|
25
23
|
|
|
26
24
|
.openapi__method-endpoint-path {
|
|
27
|
-
margin-left: .5rem;
|
|
25
|
+
margin-left: 0.5rem;
|
|
28
26
|
}
|
|
29
27
|
|
|
30
|
-
pre,
|
|
28
|
+
pre,
|
|
29
|
+
summary,
|
|
30
|
+
code {
|
|
31
31
|
h1,
|
|
32
32
|
h2,
|
|
33
33
|
h3,
|
|
@@ -39,4 +39,81 @@ Platform API style overrides
|
|
|
39
39
|
padding: 0;
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
|
+
.openapi-right-panel__container {
|
|
43
|
+
@media (min-width: 997px) {
|
|
44
|
+
padding-left: 1rem;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
.openapi-left-panel__container {
|
|
48
|
+
@media (min-width: 997px) {
|
|
49
|
+
padding-right: 1rem;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.openapi-explorer__form-item-input {
|
|
54
|
+
background: rgba(0,0,0,.05);
|
|
55
|
+
}
|
|
56
|
+
.tabs-container {
|
|
57
|
+
ul {
|
|
58
|
+
padding: 0;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.api-method {
|
|
63
|
+
position: relative;
|
|
64
|
+
display: flex;
|
|
65
|
+
flex-direction: row;
|
|
66
|
+
align-items: center;
|
|
67
|
+
flex: none;
|
|
68
|
+
.menu__link {
|
|
69
|
+
&:before {
|
|
70
|
+
text-transform: uppercase;
|
|
71
|
+
font-size: 7px;
|
|
72
|
+
font-weight: 600;
|
|
73
|
+
display: flex;
|
|
74
|
+
justify-content: center;
|
|
75
|
+
flex: none;
|
|
76
|
+
align-items: center;
|
|
77
|
+
height: 20px;
|
|
78
|
+
width: 35px;
|
|
79
|
+
padding: 3px;
|
|
80
|
+
text-align: center;
|
|
81
|
+
margin-right: 5px;
|
|
82
|
+
color: black;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
.menu__link--active {
|
|
86
|
+
&:before {
|
|
87
|
+
background: white;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
&:hover {
|
|
91
|
+
background: var(--color-blu-100);
|
|
92
|
+
border-radius: 4px;
|
|
93
|
+
}
|
|
94
|
+
&.post {
|
|
95
|
+
.menu__link:before {
|
|
96
|
+
content: 'Post';
|
|
97
|
+
border: 1px solid var(--color-nextflow-600);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
&.get {
|
|
101
|
+
.menu__link:before {
|
|
102
|
+
content: 'Get';
|
|
103
|
+
border: 1px solid var(--color-wave-600);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
&.put {
|
|
107
|
+
.menu__link:before {
|
|
108
|
+
content: 'Put';
|
|
109
|
+
border: 1px solid var(--color-multiqc-600);
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
&.delete {
|
|
113
|
+
.menu__link:before {
|
|
114
|
+
content: 'Delete';
|
|
115
|
+
border: 1px solid #dc3545;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
}
|
|
42
119
|
}
|
|
@@ -1,8 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
1
|
.details {
|
|
4
2
|
--docusaurus-details-decoration-color: var(--ifm-alert-border-color);
|
|
5
3
|
--docusaurus-details-transition: transform var(--ifm-transition-fast) ease;
|
|
6
4
|
margin: 0 0 var(--ifm-spacing-vertical);
|
|
7
5
|
border: 1px solid var(--ifm-alert-border-color);
|
|
6
|
+
display: block;
|
|
7
|
+
summary {
|
|
8
|
+
width: 100%;
|
|
9
|
+
padding: 0 1rem;
|
|
10
|
+
&::before {
|
|
11
|
+
content: '';
|
|
12
|
+
transform-origin: calc(var(--docusaurus-details-summary-arrow-size) / 2)
|
|
13
|
+
50%;
|
|
14
|
+
position: absolute;
|
|
15
|
+
top: 0.25rem;
|
|
16
|
+
left: 0px;
|
|
17
|
+
transform: rotate(0deg);
|
|
18
|
+
border-width: var(--docusaurus-details-summary-arrow-size);
|
|
19
|
+
border-style: solid;
|
|
20
|
+
border-color: transparent transparent transparent black;
|
|
21
|
+
transition: var(--docusaurus-details-transition);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
8
24
|
}
|
|
25
|
+
|
|
26
|
+
.details[open] > summary::before, .details[data-collapsed="false"] > summary::before {
|
|
27
|
+
transform: rotate(90deg);
|
|
28
|
+
}
|
|
@@ -38,13 +38,13 @@ export default function DocItemLayout({children}) {
|
|
|
38
38
|
<div className="row">
|
|
39
39
|
<div
|
|
40
40
|
className={clsx(
|
|
41
|
-
'prose__wrapper mx-auto
|
|
41
|
+
'prose__wrapper mx-auto',
|
|
42
42
|
!docTOC.hidden && styles.docItemCol,
|
|
43
43
|
)}>
|
|
44
44
|
<ContentVisibility metadata={metadata} />
|
|
45
45
|
<DocVersionBanner />
|
|
46
46
|
<div className={styles.docItemContainer}>
|
|
47
|
-
<article className="max-w-3xl">
|
|
47
|
+
<article className="max-w-3xl md:pr-4">
|
|
48
48
|
<DocBreadcrumbs />
|
|
49
49
|
<DocVersionBadge />
|
|
50
50
|
{docTOC.mobile}
|
|
@@ -42,7 +42,9 @@ function usePageTitle(props) {
|
|
|
42
42
|
function DocItem({doc}) {
|
|
43
43
|
return (
|
|
44
44
|
<article className="margin-vert--lg">
|
|
45
|
-
<Link
|
|
45
|
+
<Link
|
|
46
|
+
to={doc.permalink}
|
|
47
|
+
className="underline text-primary text-[1.25rem]">
|
|
46
48
|
<Heading as="h2">{doc.title}</Heading>
|
|
47
49
|
</Link>
|
|
48
50
|
{doc.description && <p>{doc.description}</p>}
|
|
@@ -61,28 +63,30 @@ function DocTagDocListPageContent({tag, title}) {
|
|
|
61
63
|
return (
|
|
62
64
|
<HtmlClassNameProvider
|
|
63
65
|
className={clsx(ThemeClassNames.page.docsTagDocListPage)}>
|
|
64
|
-
<div className="container
|
|
65
|
-
<
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
<
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
66
|
+
<div className="container">
|
|
67
|
+
<main className="max-w-3xl mx-auto py-10">
|
|
68
|
+
{tag.unlisted && <Unlisted />}
|
|
69
|
+
<header className="mb-6">
|
|
70
|
+
<Heading as="h1" className="text-[2rem]">
|
|
71
|
+
{title}
|
|
72
|
+
</Heading>
|
|
73
|
+
{tag.description && <p>{tag.description}</p>}
|
|
74
|
+
<Link
|
|
75
|
+
href={tag.allTagsPath}
|
|
76
|
+
className="underline text-primary hover:text-nextflow-900">
|
|
77
|
+
<Translate
|
|
78
|
+
id="theme.tags.tagsPageLink"
|
|
79
|
+
description="The label of the link targeting the tag list page">
|
|
80
|
+
View all tags
|
|
81
|
+
</Translate>
|
|
82
|
+
</Link>
|
|
83
|
+
</header>
|
|
84
|
+
<section className="margin-vert--lg">
|
|
85
|
+
{tag.items.map((doc) => (
|
|
86
|
+
<DocItem key={doc.id} doc={doc} />
|
|
87
|
+
))}
|
|
88
|
+
</section>
|
|
89
|
+
</main>
|
|
86
90
|
</div>
|
|
87
91
|
</HtmlClassNameProvider>
|
|
88
92
|
);
|
|
@@ -23,8 +23,10 @@ function DocTagsListPageContent({tags, title}) {
|
|
|
23
23
|
className={clsx(ThemeClassNames.page.docsTagsListPage)}>
|
|
24
24
|
<div className="container margin-vert--lg">
|
|
25
25
|
<div className="row">
|
|
26
|
-
<main className="
|
|
27
|
-
<Heading as="h1">
|
|
26
|
+
<main className="max-w-3xl mx-auto py-10">
|
|
27
|
+
<Heading as="h1" className="text-[2rem]">
|
|
28
|
+
{title}
|
|
29
|
+
</Heading>
|
|
28
30
|
<TagsListByLetter tags={tags} />
|
|
29
31
|
</main>
|
|
30
32
|
</div>
|
|
@@ -50,7 +50,7 @@ export default function NavbarMobilePrimaryMenu() {
|
|
|
50
50
|
Resources
|
|
51
51
|
</h3>
|
|
52
52
|
|
|
53
|
-
<
|
|
53
|
+
<div className="mb-3">
|
|
54
54
|
<li className="mb-3">
|
|
55
55
|
<Link
|
|
56
56
|
className="menu__link"
|
|
@@ -65,7 +65,7 @@ export default function NavbarMobilePrimaryMenu() {
|
|
|
65
65
|
aria-label="Seqera AI">
|
|
66
66
|
Seqera AI
|
|
67
67
|
</Link>
|
|
68
|
-
</
|
|
68
|
+
</div>
|
|
69
69
|
<li className="mb-3">
|
|
70
70
|
<Link
|
|
71
71
|
className="menu__link"
|
|
@@ -6,10 +6,10 @@ import styles from './styles.module.css';
|
|
|
6
6
|
function TagLetterEntryItem({letterEntry}) {
|
|
7
7
|
return (
|
|
8
8
|
<article>
|
|
9
|
-
<Heading as="h2" id={letterEntry.letter}>
|
|
9
|
+
<Heading className="text-[2rem]" as="h2" id={letterEntry.letter}>
|
|
10
10
|
{letterEntry.letter}
|
|
11
11
|
</Heading>
|
|
12
|
-
<ul className="
|
|
12
|
+
<ul className="pb-8">
|
|
13
13
|
{letterEntry.tags.map((tag) => (
|
|
14
14
|
<li key={tag.permalink} className={styles.tag}>
|
|
15
15
|
<Tag {...tag} />
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seqera/docusaurus-theme-seqera",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"description": "Seqera docs theme for Docusaurus",
|
|
5
5
|
"author": "Seqera docs team <education@seqera.io>",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -30,7 +30,6 @@
|
|
|
30
30
|
"@docusaurus/utils-common": "3.9.2",
|
|
31
31
|
"@docusaurus/utils-validation": "3.9.2",
|
|
32
32
|
"@mdx-js/react": "^3.0.0",
|
|
33
|
-
"@seqera/docusaurus-preset-seqera": "1.0.0",
|
|
34
33
|
"@tailwindcss/postcss": "^4.1.17",
|
|
35
34
|
"clsx": "^2.0.0",
|
|
36
35
|
"infima": "0.2.0-alpha.45",
|
|
@@ -54,6 +53,7 @@
|
|
|
54
53
|
"@types/rtlcss": "^3.5.1",
|
|
55
54
|
"daisyui": "^5.5.5",
|
|
56
55
|
"fs-extra": "^11.1.1",
|
|
56
|
+
"npm-run-all": "^4.1.5",
|
|
57
57
|
"react-test-renderer": "^18.0.0",
|
|
58
58
|
"utility-types": "^3.10.0"
|
|
59
59
|
},
|
package/src/index.ts
CHANGED
|
@@ -85,6 +85,8 @@ export default function themeSeqera(
|
|
|
85
85
|
'./styles/typography.css',
|
|
86
86
|
'./main-styles.css',
|
|
87
87
|
'./styles/api.css',
|
|
88
|
+
'./styles/search.css',
|
|
89
|
+
'./styles/admonition-alerts.css',
|
|
88
90
|
];
|
|
89
91
|
|
|
90
92
|
modules.push(...customCss.map((p) => path.resolve(context.siteDir, p)));
|
package/src/main-styles.css
CHANGED
|
@@ -61,6 +61,9 @@ Infima is Docusaurus's built in CSS framework.
|
|
|
61
61
|
--ifm-navbar-height: 4rem;
|
|
62
62
|
--ifm-breadcrumb-item-background-active: rgba(0, 0, 0, 0);
|
|
63
63
|
--ifm-code-color: var(--color-red-600);
|
|
64
|
+
--ifm-color-warning-contrast-background: #fff8e6;
|
|
65
|
+
|
|
66
|
+
--ifm-color-info: var(--color-multiqc-600);
|
|
64
67
|
|
|
65
68
|
/* remove box shadow variables */
|
|
66
69
|
--ifm-global-shadow-lw: none;
|
|
@@ -270,6 +273,7 @@ Infima is Docusaurus's built in CSS framework.
|
|
|
270
273
|
.container {
|
|
271
274
|
max-width: none;
|
|
272
275
|
margin: 0 auto;
|
|
276
|
+
padding: 0 1rem;
|
|
273
277
|
}
|
|
274
278
|
.container-sm {
|
|
275
279
|
max-width: 640px;
|
|
@@ -319,4 +323,20 @@ Infima is Docusaurus's built in CSS framework.
|
|
|
319
323
|
.menu__link--active {
|
|
320
324
|
background: none;
|
|
321
325
|
}
|
|
322
|
-
}
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
.badge {
|
|
329
|
+
background-color: var(--ifm-badge-background-color);
|
|
330
|
+
font-size: 70%;
|
|
331
|
+
font-weight: var(--ifm-font-weight-bold);
|
|
332
|
+
line-height: 1.2;
|
|
333
|
+
display: inline-block;
|
|
334
|
+
border: var(--ifm-badge-border-width) solid var(--ifm-badge-border-color);
|
|
335
|
+
border-radius: var(--ifm-badge-border-radius);
|
|
336
|
+
padding: var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal);
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
.badge--primary {
|
|
340
|
+
background-color: var(--color-wave-600);
|
|
341
|
+
border-color: var(--color-wave-600);
|
|
342
|
+
}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
|
|
2
|
+
.alert {
|
|
3
|
+
box-shadow: none;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.alert--warning {
|
|
7
|
+
--ifm-alert-background-color: var(--ifm-color-warning-contrast-background);
|
|
8
|
+
--ifm-alert-background-color-highlight: #ffba0026;
|
|
9
|
+
--ifm-alert-foreground-color: var(--ifm-color-warning-contrast-foreground);
|
|
10
|
+
--ifm-alert-border-color: var(--ifm-color-warning-dark);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.theme-admonition-tip,
|
|
14
|
+
.theme-admonition-success {
|
|
15
|
+
background-color: var(--color-nextflow-100);
|
|
16
|
+
border-color: var(--color-nextflow-400);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
[data-theme='dark'] {
|
|
20
|
+
.theme-admonition-tip,
|
|
21
|
+
.theme-admonition-success {
|
|
22
|
+
background-color: var(--color-nextflow-900);
|
|
23
|
+
border-color: var(--color-nextflow-600);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.theme-admonition-note,
|
|
28
|
+
.alert--info {
|
|
29
|
+
background-color: var(--color-wave-100);
|
|
30
|
+
border-color: var(--color-wave-300);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
[data-theme='dark'] {
|
|
34
|
+
.theme-admonition-note,
|
|
35
|
+
.alert--info {
|
|
36
|
+
background-color: var(--color-wave-900);
|
|
37
|
+
border-color: var(--color-wave-600);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.theme-admonition-warning {
|
|
42
|
+
background-color: var(--color-multiqc-100);
|
|
43
|
+
border-color: var(--color-multiqc-300);
|
|
44
|
+
}
|
|
45
|
+
[data-theme='dark'] {
|
|
46
|
+
.theme-admonition-warning {
|
|
47
|
+
background-color: var(--color-multiqc-900);
|
|
48
|
+
border-color: var(--color-multiqc-600);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.theme-admonition-danger {
|
|
53
|
+
background-color: var(--color-fusion-100);
|
|
54
|
+
border-color: var(--color-fusion-300);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
[data-theme='dark'] {
|
|
58
|
+
.theme-admonition-danger {
|
|
59
|
+
background-color: var(--color-fusion-900);
|
|
60
|
+
border-color: var(--color-fusion-600);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.alert--secondary {
|
|
65
|
+
--ifm-alert-background-color: var(--ifm-color-warning-contrast-background);
|
|
66
|
+
--ifm-alert-background-color-highlight: #ffba0026;
|
|
67
|
+
--ifm-alert-foreground-color: var(--ifm-color-warning-contrast-foreground);
|
|
68
|
+
--ifm-alert-border-color: var(--ifm-color-warning-dark);
|
|
69
|
+
}
|
package/src/styles/api.css
CHANGED
|
@@ -7,11 +7,9 @@ Platform API style overrides
|
|
|
7
7
|
|
|
8
8
|
/* this is the class that wraps the main platform-api docs, so we nest overrides within */
|
|
9
9
|
.plugin-id-platform-api {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
.breadcrumbs {
|
|
14
|
-
padding: 1rem;
|
|
10
|
+
|
|
11
|
+
.badge {
|
|
12
|
+
color: var(--ifm-badge-color);
|
|
15
13
|
}
|
|
16
14
|
.theme-doc-version-badge {
|
|
17
15
|
margin-bottom: 1rem;
|
|
@@ -24,10 +22,12 @@ Platform API style overrides
|
|
|
24
22
|
}
|
|
25
23
|
|
|
26
24
|
.openapi__method-endpoint-path {
|
|
27
|
-
margin-left: .5rem;
|
|
25
|
+
margin-left: 0.5rem;
|
|
28
26
|
}
|
|
29
27
|
|
|
30
|
-
pre,
|
|
28
|
+
pre,
|
|
29
|
+
summary,
|
|
30
|
+
code {
|
|
31
31
|
h1,
|
|
32
32
|
h2,
|
|
33
33
|
h3,
|
|
@@ -39,4 +39,81 @@ Platform API style overrides
|
|
|
39
39
|
padding: 0;
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
|
+
.openapi-right-panel__container {
|
|
43
|
+
@media (min-width: 997px) {
|
|
44
|
+
padding-left: 1rem;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
.openapi-left-panel__container {
|
|
48
|
+
@media (min-width: 997px) {
|
|
49
|
+
padding-right: 1rem;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.openapi-explorer__form-item-input {
|
|
54
|
+
background: rgba(0,0,0,.05);
|
|
55
|
+
}
|
|
56
|
+
.tabs-container {
|
|
57
|
+
ul {
|
|
58
|
+
padding: 0;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.api-method {
|
|
63
|
+
position: relative;
|
|
64
|
+
display: flex;
|
|
65
|
+
flex-direction: row;
|
|
66
|
+
align-items: center;
|
|
67
|
+
flex: none;
|
|
68
|
+
.menu__link {
|
|
69
|
+
&:before {
|
|
70
|
+
text-transform: uppercase;
|
|
71
|
+
font-size: 7px;
|
|
72
|
+
font-weight: 600;
|
|
73
|
+
display: flex;
|
|
74
|
+
justify-content: center;
|
|
75
|
+
flex: none;
|
|
76
|
+
align-items: center;
|
|
77
|
+
height: 20px;
|
|
78
|
+
width: 35px;
|
|
79
|
+
padding: 3px;
|
|
80
|
+
text-align: center;
|
|
81
|
+
margin-right: 5px;
|
|
82
|
+
color: black;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
.menu__link--active {
|
|
86
|
+
&:before {
|
|
87
|
+
background: white;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
&:hover {
|
|
91
|
+
background: var(--color-blu-100);
|
|
92
|
+
border-radius: 4px;
|
|
93
|
+
}
|
|
94
|
+
&.post {
|
|
95
|
+
.menu__link:before {
|
|
96
|
+
content: 'Post';
|
|
97
|
+
border: 1px solid var(--color-nextflow-600);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
&.get {
|
|
101
|
+
.menu__link:before {
|
|
102
|
+
content: 'Get';
|
|
103
|
+
border: 1px solid var(--color-wave-600);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
&.put {
|
|
107
|
+
.menu__link:before {
|
|
108
|
+
content: 'Put';
|
|
109
|
+
border: 1px solid var(--color-multiqc-600);
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
&.delete {
|
|
113
|
+
.menu__link:before {
|
|
114
|
+
content: 'Delete';
|
|
115
|
+
border: 1px solid #dc3545;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
}
|
|
42
119
|
}
|
|
@@ -1,8 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
1
|
.details {
|
|
4
2
|
--docusaurus-details-decoration-color: var(--ifm-alert-border-color);
|
|
5
3
|
--docusaurus-details-transition: transform var(--ifm-transition-fast) ease;
|
|
6
4
|
margin: 0 0 var(--ifm-spacing-vertical);
|
|
7
5
|
border: 1px solid var(--ifm-alert-border-color);
|
|
6
|
+
display: block;
|
|
7
|
+
summary {
|
|
8
|
+
width: 100%;
|
|
9
|
+
padding: 0 1rem;
|
|
10
|
+
&::before {
|
|
11
|
+
content: '';
|
|
12
|
+
transform-origin: calc(var(--docusaurus-details-summary-arrow-size) / 2)
|
|
13
|
+
50%;
|
|
14
|
+
position: absolute;
|
|
15
|
+
top: 0.25rem;
|
|
16
|
+
left: 0px;
|
|
17
|
+
transform: rotate(0deg);
|
|
18
|
+
border-width: var(--docusaurus-details-summary-arrow-size);
|
|
19
|
+
border-style: solid;
|
|
20
|
+
border-color: transparent transparent transparent black;
|
|
21
|
+
transition: var(--docusaurus-details-transition);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
8
24
|
}
|
|
25
|
+
|
|
26
|
+
.details[open] > summary::before, .details[data-collapsed="false"] > summary::before {
|
|
27
|
+
transform: rotate(90deg);
|
|
28
|
+
}
|
|
@@ -46,11 +46,11 @@ export default function DocItemLayout({children}: Props): ReactNode {
|
|
|
46
46
|
const {metadata} = useDoc();
|
|
47
47
|
return (
|
|
48
48
|
<div className="row">
|
|
49
|
-
<div className={clsx('prose__wrapper mx-auto
|
|
49
|
+
<div className={clsx('prose__wrapper mx-auto', !docTOC.hidden && styles.docItemCol)}>
|
|
50
50
|
<ContentVisibility metadata={metadata} />
|
|
51
51
|
<DocVersionBanner />
|
|
52
52
|
<div className={styles.docItemContainer}>
|
|
53
|
-
<article className="max-w-3xl">
|
|
53
|
+
<article className="max-w-3xl md:pr-4">
|
|
54
54
|
<DocBreadcrumbs />
|
|
55
55
|
<DocVersionBadge />
|
|
56
56
|
{docTOC.mobile}
|
|
@@ -48,7 +48,7 @@ function usePageTitle(props: Props): string {
|
|
|
48
48
|
function DocItem({doc}: {doc: Props['tag']['items'][number]}): ReactNode {
|
|
49
49
|
return (
|
|
50
50
|
<article className="margin-vert--lg">
|
|
51
|
-
<Link to={doc.permalink}>
|
|
51
|
+
<Link to={doc.permalink} className="underline text-primary text-[1.25rem]">
|
|
52
52
|
<Heading as="h2">{doc.title}</Heading>
|
|
53
53
|
</Link>
|
|
54
54
|
{doc.description && <p>{doc.description}</p>}
|
|
@@ -75,14 +75,14 @@ function DocTagDocListPageContent({
|
|
|
75
75
|
return (
|
|
76
76
|
<HtmlClassNameProvider
|
|
77
77
|
className={clsx(ThemeClassNames.page.docsTagDocListPage)}>
|
|
78
|
-
<div className="container
|
|
79
|
-
|
|
80
|
-
<main className="
|
|
78
|
+
<div className="container">
|
|
79
|
+
|
|
80
|
+
<main className="max-w-3xl mx-auto py-10">
|
|
81
81
|
{tag.unlisted && <Unlisted />}
|
|
82
|
-
<header className="
|
|
83
|
-
<Heading as="h1">{title}</Heading>
|
|
82
|
+
<header className="mb-6">
|
|
83
|
+
<Heading as="h1" className="text-[2rem]">{title}</Heading>
|
|
84
84
|
{tag.description && <p>{tag.description}</p>}
|
|
85
|
-
<Link href={tag.allTagsPath}>
|
|
85
|
+
<Link href={tag.allTagsPath} className="underline text-primary hover:text-nextflow-900">
|
|
86
86
|
<Translate
|
|
87
87
|
id="theme.tags.tagsPageLink"
|
|
88
88
|
description="The label of the link targeting the tag list page">
|
|
@@ -96,7 +96,7 @@ function DocTagDocListPageContent({
|
|
|
96
96
|
))}
|
|
97
97
|
</section>
|
|
98
98
|
</main>
|
|
99
|
-
|
|
99
|
+
|
|
100
100
|
</div>
|
|
101
101
|
</HtmlClassNameProvider>
|
|
102
102
|
);
|
|
@@ -31,8 +31,8 @@ function DocTagsListPageContent({
|
|
|
31
31
|
className={clsx(ThemeClassNames.page.docsTagsListPage)}>
|
|
32
32
|
<div className="container margin-vert--lg">
|
|
33
33
|
<div className="row">
|
|
34
|
-
<main className="
|
|
35
|
-
<Heading as="h1">{title}</Heading>
|
|
34
|
+
<main className="max-w-3xl mx-auto py-10">
|
|
35
|
+
<Heading as="h1" className="text-[2rem]">{title}</Heading>
|
|
36
36
|
<TagsListByLetter tags={tags} />
|
|
37
37
|
</main>
|
|
38
38
|
</div>
|
|
@@ -54,7 +54,7 @@ export default function NavbarMobilePrimaryMenu(): ReactNode {
|
|
|
54
54
|
Resources
|
|
55
55
|
</h3>
|
|
56
56
|
|
|
57
|
-
<
|
|
57
|
+
<div className="mb-3">
|
|
58
58
|
<li className="mb-3">
|
|
59
59
|
<Link
|
|
60
60
|
className="menu__link"
|
|
@@ -69,7 +69,7 @@ export default function NavbarMobilePrimaryMenu(): ReactNode {
|
|
|
69
69
|
aria-label="Seqera AI">
|
|
70
70
|
Seqera AI
|
|
71
71
|
</Link>
|
|
72
|
-
</
|
|
72
|
+
</div>
|
|
73
73
|
<li className="mb-3">
|
|
74
74
|
<Link
|
|
75
75
|
className="menu__link"
|
|
@@ -10,10 +10,10 @@ import styles from './styles.module.css';
|
|
|
10
10
|
function TagLetterEntryItem({letterEntry}: {letterEntry: TagLetterEntry}) {
|
|
11
11
|
return (
|
|
12
12
|
<article>
|
|
13
|
-
<Heading as="h2" id={letterEntry.letter}>
|
|
13
|
+
<Heading className="text-[2rem]" as="h2" id={letterEntry.letter}>
|
|
14
14
|
{letterEntry.letter}
|
|
15
15
|
</Heading>
|
|
16
|
-
<ul className="
|
|
16
|
+
<ul className="pb-8">
|
|
17
17
|
{letterEntry.tags.map((tag) => (
|
|
18
18
|
<li key={tag.permalink} className={styles.tag}>
|
|
19
19
|
<Tag {...tag} />
|