imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add new style for inline code (#9936)

Browse source 
Add new style for inline code
This commit is contained in:
Florian Duros 2023-01-19 14:42:59 +01:00 • committed by GitHub
parent 8a2e386531
commit 314b2e7ba6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 29 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
res/css/views/rooms/_EventTile.pcss
View file

@ -551,6 +551,18 @@ $left-gutter: 64px;
background-color: $codeblock-background-color;
}
code:not(pre *) {
background-color: $inlinecode-background-color;
border: 1px solid $inlinecode-border-color;
border-radius: 4px;
// The horizontal padding is added by gfm.css .markdown-body
padding: $spacing-2 0;
// Avoid inline code blocks to be sticked when on multiple lines
line-height: $font-22px;
// Avoid the border to be glued to the other words
margin-right: $spacing-2;
}
code {
white-space: pre-wrap; /* don't collapse spaces in inline code blocks */
}

8
res/css/views/rooms/wysiwyg_composer/components/_Editor.pcss
View file

@ -49,6 +49,14 @@ limitations under the License.
:is(ol, ul) + br:last-of-type {
display: none;
}
code {
font-family: $monospace-font-family !important;
background-color: $inlinecode-background-color;
border: 1px solid $inlinecode-border-color;
border-radius: 4px;
padding: $spacing-2;
}
}
.mx_WysiwygComposer_Editor_content_placeholder::before {