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>
tokarchuk/v1.17
silverwind 4 years ago committed by GitHub
parent af79677a44
commit 48dd0e21f9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 2
      web_src/less/_base.less
  2. 10
      web_src/less/_markdown.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;

@ -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);

Loading…
Cancel
Save