question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Full-width doesn't seem to work on Markdown cells

See original GitHub issue

I can’t seem to get full-width to work on Markdown cells, be it in regular .ipynb notebooks or MyST-based notebooks with the +++ {"tags": ["full-width"]} syntax.

What seems to be happening is that the MyST +++ syntax generates the correct .ipynb source (presumably via JupyText?), with Markdown content split into cells with properly applied tags, but when that gets converted into HTML, the cells are merged and the tag information gets lost. At least when inspecting the generated HTML, there’s no div that would group the content between a pair of +++ lines, to which the tags could be applied as classes.

Steps to reproduce the behavior:

  1. jb create test-book
  2. Edit notebooks.ipynb, adding "tags": ["full-width"] to the metadata field of the first Markdown cell.
  3. jb build test-book
  4. Open the book in the browser.

As per the description of the +++ feature in the docs, I would expect the content in the page to be full-width, but it’s not.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:13 (12 by maintainers)

github_iconTop GitHub Comments

1reaction
choldgrafcommented, Oct 12, 2020

great - thanks @dlukes !!

1reaction
choldgrafcommented, Oct 12, 2020

Indeed and “blame” is a problematic word for open source communities that I wish GitHub would change, as blameless cultures are IMO more productive / positive cultures for distributed communities - but that’s a conversation for another time.

I’ve got a PR here to try and clarify this language a bit: https://github.com/executablebooks/jupyter-book/pull/1042

in particular see this change for the full-width markdown: https://deploy-preview-1042--jupyter-book.netlify.app/content/layout.html#full-width-markdown-content

@dlukes wanna give the new full-width section a shot and let me know if this works for you?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Set table column width via Markdown
I was looking the answer for a long time and finally figured out this solution. markdown columns width is determined by the longest...
Read more >
Control the page layout
Sometimes, you'd like to use all of the horizontal space available to you. This allows you to highlight particular ideas, visualizations, etc. Full-width...
Read more >
Full Browser Width Bars
Want to make the full-width bar a different color than the heading background? One way is to use left and right borders.
Read more >
Outlook Full-Width Table Cell VML Background Quirks
(Appears slightly pushed down towards the white part of the header); Use of mso-width-percent:1000; has caused a hortizontal scrollbar to appear ...
Read more >
3.2 Notebook | R Markdown: The Definitive Guide
Console output (including warnings and messages) appears both at the console and in the chunk output. Working directory: The current working directory inside...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found