Feature: Mobile Optimized Codebocks + Language Interpretation

[Mentors4EDU]

Problem

Code blocks don't resize or aren't dynamic in mobile responsive views

Reproducible Project

Pytorch's Sphinx theme is able to have responsive codeblocks, but unsure how to integrate this to the regular rtd theme

Other

Sphinx has some language interpretation, but XML, YAML, Java, Puppet, etc. don't seem to render as well in the codeblock
.. code:: LANG arguments

This is a feature request I want to subscribe to, not a bug

[stsewd]

Sphinx has some language interpretation, but XML, YAML, Java, Puppet, etc. don't seem to render as well in the codeblock

Do you have some examples? I think that's mostly to do with pygmets (the lib is used to parse/lex different languages in code blocks)

[Blendify]

Sphinx has some language interpretation, but XML, YAML, Java, Puppet, etc. don't seem to render as well in the codeblock

Do you have some examples? I think that's mostly to do with pygmets (the lib is used to parse/lex different languages in code blocks)

Correct, changes to add or improve different languages should be handled in https://pygments.org/ and sphinx.

[Mentors4EDU]

It is strange though, because pygments supports many of these languages, but unsure why they are rendering in GitHub but not in the readthedocs. Is it a problem tied to sphinx or this theme? Though, I would be interested in the other issue I have more w/ codeblocks which is resizing. Both of them could be an improvement one way or the other

[stsewd]

It is strange though, because pygments supports many of these languages, but unsure why they are rendering in GitHub but not in the readthedocs. Is it a problem tied to sphinx or this theme?

That would be a sphinx problem, yes.

Also, for the original problem, do you mean that code blocks should wrap long lines instead of adding an scroll bar?

Personally I don't like wrapping, and I'm not sure if that's required for mobile, maybe an option? this can also be done by adding a custom css rule I guess.

The change is

sphinx_rtd_theme/src/sass/_theme_rst.sass

Line 83 in 5d0a396

white-space: pre

to wrap lines that can be changed to pre-wrap

[Mentors4EDU]

No I am saying let us say I want a single line like
curl -sL https://raw.githubusercontent.com/slap-editor/slap/master/install.sh | sh that line cuts off on mobile because it is too many characters rather then wrapping. For large code blocks, it isn't as much as a problem. Resizing for long lines of code or some sort of optimization in regards to long lines of code would be nice.

[stsewd]

@Mentors4EDU I think you mean #321?

[Blendify]

It is strange though, because pygments supports many of these languages, but unsure why they are rendering in GitHub but not in the readthedocs. Is it a problem tied to sphinx or this theme? Though, I would be interested in the other issue I have more w/ codeblocks which is resizing. Both of them could be an improvement one way or the other

Sphinx uses a very old version of pygments, I am sending a PR to update to a newer version which adds many new languages.

[Blendify]

Closing as a duplicate of #321, if you find this is a separate issue please reopen this report.