From da4ac38e372388dac7fdd600748c4d2fbac26d36 Mon Sep 17 00:00:00 2001 From: Eeshan Garg Date: Tue, 6 Mar 2018 19:38:52 -0330 Subject: [PATCH] css: Stop rendering code blocks as inline-blocks in webhook docs. Previously, a code block with a small width would be displayed inline with the previous paragraph's text. To fix this, now every p inside an li element except the first is a block instead of an inline-block. However, this only applies to li elements for integration instructions. This makes sense intuitively because if there are multiple p's in a list element, not all of those should be inline-blocks. The first one should be because it needs to be inline with the list number. The rest should be treated (and displayed) as separate paragraphs. Another thing to keep in mind is that the way Markdown code blocks get converted to HTML is such that every code block becomes

when converted to HTML. --- static/styles/portico.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/static/styles/portico.css b/static/styles/portico.css index 32c53dbf30..d90671861e 100644 --- a/static/styles/portico.css +++ b/static/styles/portico.css @@ -1047,6 +1047,12 @@ input#terminal:checked ~ #tab-terminal { margin-left: 220px; } +/* This is a workaround for line-wrapping issues with markdown code + blocks; see CircleCI docs for an example of what it fixes */ +.integration-instructions .help-content ol li p:not(:first-child) { + display: block; +} + .api-page-header, .authors-page-header, .integrations-page-header,