Feature #12036

Allow backtip for inline code with inline block style

Added by Caio Cunha about 9 years ago. Updated about 2 years ago.

Status:ClosedStart date:
Priority:NormalDue date:
Assignee:-% Done:

0%

Category:Text formatting
Target version:-
Resolution:Fixed

Description

Many of big players, as GitHub and StackOverflow, put inline code inside a inline block, with style very close to the pre style.

It would be interesting, for reading clarity and design purposes, that Redmine allow this kind of formatting. The closer we can get to inline code is with marks, that make monospaced fonts.

I suggest the adoption of the backtip (`) notation for inline code. The result should be similar to the following:

Source:
This is `my little` snippet.

Result:
This is my little snippet.

The current result was achieved with:

This is %{padding:3px; background-color: #fafafa; border: 1px solid #e2e2e2;}my little% snippet.


Related issues

Related to Redmine - Patch #31343: Visually distinguishable style for code tag Closed

History

#1 Updated by Caio Cunha about 9 years ago

About the design, I'd like to also suggest border-radius: .25em; display: inline-block; for the sake of improving readability on inline block elements.

#2 Updated by Etienne Massip about 9 years ago

  • Category set to Text formatting
-1:
  • not Textile
  • backtip is not directly accessible on non-US keyboards

#3 Updated by Caio Cunha about 9 years ago

Etienne Massip wrote:

-1:
  • not Textile
  • backtip is not directly accessible on non-US keyboards

No problem dropping the backtips, my point is more about styling indeed (thanks for categorizing it). Maybe the @ marks (for inline code) could format with the boxed background. It renders a more readable code in the middle of the content than just a monospaced font.

#4 Updated by Go MAEDA about 2 years ago

  • Status changed from New to Closed
  • Resolution set to Fixed

Caio Cunha wrote:

No problem dropping the backtips,

In Redmine 2.5 or later, you can use backticks if you use Markdown as a text formatting markup.

my point is more about styling indeed (thanks for categorizing it). Maybe the @ marks (for inline code) could format with the boxed background. It renders a more readable code in the middle of the content than just a monospaced font.

The upcoming Redmine 4.1 sets background-color for inline code (#31343). They will be visually distinguishable.

#5 Updated by Go MAEDA about 2 years ago

  • Related to Patch #31343: Visually distinguishable style for code tag added

Also available in: Atom PDF