diff --git a/website/roa-loader/index.js b/website/roa-loader/index.js
index 188485fd0552..22022cb932db 100644
--- a/website/roa-loader/index.js
+++ b/website/roa-loader/index.js
@@ -27,8 +27,8 @@ async function getHash(source) {
await new Promise((resolve) => setTimeout(resolve, 100));
if (!res.data || !res.data.encoded) {
- console.error(res);
- throw new Error(`Signing failed:' ${inspect(res.error) || 'Unknown error'}`);
+ console.error(`Signing failed:' ${inspect(res.error) || 'Unknown error'}`, res);
+ return 'invalid-token';
}
return res.data.encoded;
diff --git a/website/src/components/RunnableCodeBlock.jsx b/website/src/components/RunnableCodeBlock.jsx
index b351afd74334..c7b8e2d65ad2 100644
--- a/website/src/components/RunnableCodeBlock.jsx
+++ b/website/src/components/RunnableCodeBlock.jsx
@@ -30,8 +30,11 @@ Make sure you are importing the code block contents with the roa-loader.`);
return (
-
Run on Apify
-
+
+ Run on
+
+
+
{ children.code }
diff --git a/website/src/components/RunnableCodeBlock.module.css b/website/src/components/RunnableCodeBlock.module.css
index aa0945dbb301..c7811db02617 100644
--- a/website/src/components/RunnableCodeBlock.module.css
+++ b/website/src/components/RunnableCodeBlock.module.css
@@ -11,10 +11,15 @@
color: var(--prism-color);
border: 1px solid var(--ifm-color-emphasis-300);
border-radius: var(--ifm-global-radius);
- opacity: 0.6;
+ opacity: 0.7;
font-weight: 600;
}
+.button svg {
+ height: 20px;
+ margin-right: -10px;
+}
+
.button:hover {
opacity: 1;
color: var(--prism-color);
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 6f20a074c301..b38c7f8c7bd5 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -418,9 +418,9 @@ html.plugin-typedoc-api .theme-doc-sidebar-menu > li:nth-child(6)::before {
cursor: pointer;
}
-.runnable-code-block .code-block pre + div {
+.runnable-code-block .code-block.no-title pre + div {
position: absolute;
- right: 130px;
+ right: 170px;
line-height: 28px;
}
@@ -432,3 +432,7 @@ html.plugin-typedoc-api .theme-doc-sidebar-menu > li:nth-child(6)::before {
.runnable-code-block:hover .code-block button {
opacity: 0.4;
}
+
+html[data-theme='dark'] .runnable-code-block svg .apify-logo {
+ fill: #fff;
+}