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-menu: #ffffff;
--color-card: #ffffff; --color-card: #ffffff;
--color-markdown-table-row: #00000008; --color-markdown-table-row: #00000008;
--color-markdown-code-block: #00000010; --color-markdown-code-block: #00000008;
--color-button: #ffffff; --color-button: #ffffff;
--color-code-bg: #ffffff; --color-code-bg: #ffffff;
--color-shadow: #00000024; --color-shadow: #00000024;

@ -343,7 +343,7 @@
padding: .2em .3em; padding: .2em .3em;
margin: 0; margin: 0;
font-size: 85%; font-size: 85%;
background-color: var(--color-label); background-color: var(--color-markdown-code-block);
border-radius: 3px; border-radius: 3px;
} }
@ -360,8 +360,9 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
font-size: 100%; font-size: 100%;
word-break: normal; white-space: pre-wrap;
white-space: pre; word-break: break-all;
overflow-wrap: break-word;
background: transparent; background: transparent;
border: 0; border: 0;
} }
@ -373,7 +374,6 @@
.highlight pre, .highlight pre,
pre { pre {
padding: 16px; padding: 16px;
overflow: auto;
font-size: 85%; font-size: 85%;
line-height: 1.45; line-height: 1.45;
background-color: var(--color-markdown-code-block); background-color: var(--color-markdown-code-block);
@ -416,7 +416,7 @@
line-height: 10px; line-height: 10px;
color: var(--color-text-light); color: var(--color-text-light);
vertical-align: middle; vertical-align: middle;
background-color: var(--color-label); background-color: var(--color-markdown-code-block);
border: 1px solid var(--color-secondary); border: 1px solid var(--color-secondary);
border-radius: 3px; border-radius: 3px;
box-shadow: inset 0 -1px 0 var(--color-secondary); box-shadow: inset 0 -1px 0 var(--color-secondary);

Loading…
Cancel
Save