From 48dd0e21f9bbdf19ec4aad14e268b986e206e266 Mon Sep 17 00:00:00 2001 From: silverwind Date: Wed, 9 Dec 2020 15:03:45 +0100 Subject: [PATCH] Markdown: Enable wrapping in code blocks and a color tweak (#13894) - Enable wrapping of long lines in code blocks like already done in code view. - Slightly lighten the background of code blocks on default theme - Darken the background on inline code and kbd elements on arc-green Co-authored-by: 6543 <6543@obermui.de> --- web_src/less/_base.less | 2 +- web_src/less/_markdown.less | 10 +++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/web_src/less/_base.less b/web_src/less/_base.less index 0e555daf9f..be43bfbe36 100644 --- a/web_src/less/_base.less +++ b/web_src/less/_base.less @@ -96,7 +96,7 @@ --color-menu: #ffffff; --color-card: #ffffff; --color-markdown-table-row: #00000008; - --color-markdown-code-block: #00000010; + --color-markdown-code-block: #00000008; --color-button: #ffffff; --color-code-bg: #ffffff; --color-shadow: #00000024; diff --git a/web_src/less/_markdown.less b/web_src/less/_markdown.less index 2261733503..4c8ed77cb8 100644 --- a/web_src/less/_markdown.less +++ b/web_src/less/_markdown.less @@ -343,7 +343,7 @@ padding: .2em .3em; margin: 0; font-size: 85%; - background-color: var(--color-label); + background-color: var(--color-markdown-code-block); border-radius: 3px; } @@ -360,8 +360,9 @@ padding: 0; margin: 0; font-size: 100%; - word-break: normal; - white-space: pre; + white-space: pre-wrap; + word-break: break-all; + overflow-wrap: break-word; background: transparent; border: 0; } @@ -373,7 +374,6 @@ .highlight pre, pre { padding: 16px; - overflow: auto; font-size: 85%; line-height: 1.45; background-color: var(--color-markdown-code-block); @@ -416,7 +416,7 @@ line-height: 10px; color: var(--color-text-light); vertical-align: middle; - background-color: var(--color-label); + background-color: var(--color-markdown-code-block); border: 1px solid var(--color-secondary); border-radius: 3px; box-shadow: inset 0 -1px 0 var(--color-secondary);