Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

VSCode admonition styling using 'Markdown Extended' #2579

Merged
merged 2 commits into from
Oct 4, 2024

Conversation

ewels
Copy link
Member

@ewels ewels commented Jun 12, 2024

Use https://github.com/qjebbs/vscode-markdown-extended to render admonitions in VSCode.

Requires this extension:

Then does an imperfect but not-too-bad job of rendering admonitions in markdown previews in VSCode:

CleanShot 2024-06-12 at 17 14 32@2x

Currently set to use workspace VSCode settings. This won't work when writing docs in pipeline repos. If we want to do that, we'll need to use a https URL to the stylesheet (not a problem once this is merged) and then add a .vscode directory to the template with this settings file (which I like less).

We could then include this VSCode extension into the nf-core VSCode package so that the majority of users will have it automagically.

'cc @FloWuenne @mahesh-panchal

@ewels ewels requested a review from mashehu June 12, 2024 15:20
Copy link

netlify bot commented Jun 12, 2024

Deploy Preview for nf-core-main-site ready!

Name Link
🔨 Latest commit e4035a5
🔍 Latest deploy log https://app.netlify.com/sites/nf-core-main-site/deploys/66ffdf1bc64ce00008a96cf4
😎 Deploy Preview https://deploy-preview-2579--nf-core-main-site.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@@ -0,0 +1,5 @@
{
"markdown.styles": [
"public/vscode_markdown.css"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
"public/vscode_markdown.css"
".vscode/vscode_markdown.css"

I don't think this needs to shipped with the website build. so I would just put it in the .vscode folder

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It was deliberate to make it public, in case we want to add the VSCode config to all pipelines (which I assume we might want to at some point).

Even if we don't do that, we could have it as a documented thing that people can add to their global VSCode configuration so that it works wherever.

In both cases it's useful to have the file public.

Copy link

netlify bot commented Oct 4, 2024

Deploy Preview for nf-core-docs canceled.

Name Link
🔨 Latest commit e4035a5
🔍 Latest deploy log https://app.netlify.com/sites/nf-core-docs/deploys/66ffdf1ba734790008e60938

@mashehu mashehu merged commit d20d262 into nf-core:main Oct 4, 2024
10 checks passed
@ewels ewels deleted the vscode-admonition-styling branch October 4, 2024 13:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants