diff --git a/src/common/text/elements/inline-code.js b/src/common/text/elements/inline-code.js new file mode 100644 index 000000000..d117c53a1 --- /dev/null +++ b/src/common/text/elements/inline-code.js @@ -0,0 +1,14 @@ +/** + * Code (inline) + */ + +module.exports = text => { + const match = text.match(/^`(.+?)`/); + if (!match) return null; + const code = match[0]; + return { + type: 'inline-code', + content: code, + code: code.substr(1, code.length - 2).trim() + }; +}; diff --git a/src/common/text/index.js b/src/common/text/index.js index d0ef8674b..9da3a26b9 100644 --- a/src/common/text/index.js +++ b/src/common/text/index.js @@ -7,7 +7,8 @@ const elements = [ require('./elements/url'), require('./elements/mention'), require('./elements/hashtag'), - require('./elements/code') + require('./elements/code'), + require('./elements/inline-code') ]; function analyze(source) { diff --git a/src/web/app/base.styl b/src/web/app/base.styl index 0e5eeba97..334ef91f7 100644 --- a/src/web/app/base.styl +++ b/src/web/app/base.styl @@ -107,11 +107,15 @@ a * cursor pointer +code + font-family Consolas, 'Courier New', Courier, Monaco, monospace + pre - overflow auto + display block > code - font-family Consolas, 'Courier New', Courier, Monaco, monospace + display block + overflow auto tab-size 2 .comment diff --git a/src/web/app/common/scripts/text-compiler.js b/src/web/app/common/scripts/text-compiler.js index 25f36382f..f47ce0f3c 100644 --- a/src/web/app/common/scripts/text-compiler.js +++ b/src/web/app/common/scripts/text-compiler.js @@ -32,6 +32,8 @@ module.exports = function(tokens, shouldBreak, shouldEscape) { return '' + escape(token.content) + ''; case 'code': return '
' + token.codeHtml + '
'; + case 'inline-code': + return '' + escape(token.code) + ''; } }).join(''); diff --git a/src/web/app/desktop/tags/timeline-post.tag b/src/web/app/desktop/tags/timeline-post.tag index 4b9f4eec0..1f204254d 100644 --- a/src/web/app/desktop/tags/timeline-post.tag +++ b/src/web/app/desktop/tags/timeline-post.tag @@ -232,13 +232,18 @@ font-style oblique color #a0bf46 - pre - padding 16px + code + padding 4px 8px + margin 0 0.5em font-size 80% color #525252 background #f8f8f8 border-radius 2px + pre > code + padding 16px + margin 0 + [data-is-me]:after content "you" padding 0 4px diff --git a/src/web/app/mobile/tags/timeline-post.tag b/src/web/app/mobile/tags/timeline-post.tag index db7172057..a5a5a64f6 100644 --- a/src/web/app/mobile/tags/timeline-post.tag +++ b/src/web/app/mobile/tags/timeline-post.tag @@ -212,13 +212,18 @@ font-style oblique color #a0bf46 - pre - padding 16px + code + padding 4px 8px + margin 0 0.5em font-size 80% color #525252 background #f8f8f8 border-radius 2px + pre > code + padding 16px + margin 0 + [data-is-me]:after content "you" padding 0 4px