FHIR Chat · wrapping code blocks · IG creation

Stream: IG creation

Topic: wrapping code blocks


view this post on Zulip Eric Haas (Apr 01 2021 at 23:17):

I did this before but now I forget how to indicate that long lines of code should be wrapped.

e.g. instead of this :-( ...

image.png

view this post on Zulip Eric Haas (Apr 01 2021 at 23:19):

this :-) ...

image.png

view this post on Zulip Jose Costa Teixeira (Apr 01 2021 at 23:23):

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap ?

view this post on Zulip Eric Haas (Apr 02 2021 at 02:04):

it worked before in my pretemplate IG's I may need to investigate the project css files

view this post on Zulip Eric Haas (Apr 07 2021 at 04:33):

OK CSS gurus, here is what is happening. long lines don't wrap in pre code blocks because of prism

image.png

but if I remove the word-break: normal; and white-space: pre; from prism.css it un cascades to bootstrap-fhir.css and word-break:break-all; like so.

image.png

the prism.css is the culprit here and I don't know what it is doing mucking with the word wrapping, a casual online search didn't find any solutions...

view this post on Zulip Eric Haas (Apr 07 2021 at 04:44):

I don't really want to have to limit to 80 characters in source to override, so any better solutions appreciated.

view this post on Zulip Eric Haas (Apr 08 2021 at 00:04):

I created custom css to overlay the prism.css to fix this. Hoping this is temporary fix to underlying issue


Last updated: Apr 12 2022 at 19:14 UTC