Change default style for `inline code` to have gray background

[anatoly techtonik <techtonik@…>]

It is very hard to search for inline code in Trac wiki. It would be extremely handy if default style for inline code snippets was rendered on the same gray background as code blocks by default. Much like stackoverflow and github do.

[anatoly techtonik <techtonik@…>]

For an exercise count the amount of inline code blocks in the ticket description. ;)

[Christian Boos]

Big +1 from me.

[anatoly techtonik <techtonik@…>]

tt {
 background-color: #F7F7F7;
}

, but it would be much more nicer if Trac wrapped wiki-formatted content into appropriate style blocks, so that the style could be written as

.wiki .code {
 background-color: #F7F7F7;
 font-family: monospace;
}

and the generated markup will be something like

<div class="wiki">
Some <span class="code">nice stuff</span> to play with.
</div>

[Christian Boos]

Well, XHTML has already a wide range of semantic markup that we could use:

code | samp | kbd | var

… or just keep tt as really it's just appropriate to group all the possible meaning associated to the use of a monospace/teletype font (besides the ones from XHTML: paths, error messages, hostnames, user names, etc.)

I'd propose something like:

tt {
 color: #600;
 border: 1px solid #CBA;
 padding: 0 0.3em;
 background: #F7F7F7;
}

Here's how this would look like on the common standard backgrounds:

---

just keep tt (normal wiki, comments)

---

just keep tt (ticket description)

---

just keep tt (preview)

[anatoly techtonik <techtonik@…>]

LGTM.

[Remy Blank]

I was going to write that I find the inline code spans in StackOverflow very ugly, but your variant with the border actually looks pretty nice. So +1 from my side.

[osimons]

I like. +1.

[Christian Boos]

Going to be part of the branch dedicated to #10012.

[Christian Boos]

See [9503ad9d/cboos.git].

[Christian Boos]

Fixed as part of r11129.