paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-04 14:03:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

rendered-markdown: Move inline code CSS reset rules.

Browse Source 
Moves the CSS reset rules for inline code elements to be in the
`rendered_markdown` class block.
This commit is contained in:
Lauryn Menard
2023-03-06 18:05:34 +01:00
committed by Tim Abbott
parent d98ba32588
commit 2d8283e579
2 changed files with 27 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/styles/dark_theme.css
View File

@@ -19,6 +19,10 @@
a:hover { a:hover {
color: hsl(200, 79%, 66%); color: hsl(200, 79%, 66%);
code {
color: hsl(200, 79%, 66%);
}
} }
ul.filters a:hover { ul.filters a:hover {

54
web/styles/rendered_markdown.css
View File

@@ -524,10 +524,18 @@
color: hsl(200, 100%, 40%); color: hsl(200, 100%, 40%);
text-decoration: none; text-decoration: none;
code {
color: hsl(200, 100%, 40%);
}
&:hover, &:hover,
&:focus { &:focus {
color: hsl(200, 100%, 25%); color: hsl(200, 100%, 25%);
text-decoration: underline; text-decoration: underline;
code {
color: hsl(200, 100%, 25%);
}
} }
} }
@@ -547,6 +555,21 @@
border: 0; border: 0;
} }
code {
/* 11.55px when body is the default 14px; this is chosen to be
slightly above the 11.5px threshold where the height jumps by a
pixel on most platforms. */
font-size: 0.825em;
unicode-bidi: embed;
direction: ltr;
color: hsl(0, 0%, 0%);
white-space: pre-wrap;
padding: 0 4px;
background-color: hsl(0, 0%, 100%);
border: 1px solid hsl(240, 13%, 90%);
border-radius: 3px;
}
/* Style copy-to-clipboard button inside code blocks */ /* Style copy-to-clipboard button inside code blocks */
.copy_codeblock { .copy_codeblock {
visibility: hidden; visibility: hidden;
@@ -624,27 +647,6 @@ TODO: It is likely that this CSS can and should be moved into the
rendered_markdown block; we just need to do further analysis to rendered_markdown block; we just need to do further analysis to
confirm doing so won't break anything. */ confirm doing so won't break anything. */
code {
/* 11.55px when body is the default 14px; this is chosen to be
slightly above the 11.5px threshold where the height jumps by a
pixel on most platforms. */
font-size: 0.825em;
unicode-bidi: embed;
direction: ltr;
color: hsl(0, 0%, 0%);
white-space: pre;
padding: 2px 4px;
background-color: hsl(240, 14%, 97%);
border: 1px solid hsl(240, 13%, 90%);
border-radius: 3px;
}
.rendered_markdown code {
white-space: pre-wrap;
padding: 0 4px;
background-color: hsl(0, 0%, 100%);
}
.codehilite { .codehilite {
display: block !important; display: block !important;
border: none !important; border: none !important;
@@ -688,16 +690,6 @@ pre {
} }
} }
/* Style inline code inside a link
to look more like a normal link */
a code {
color: hsl(200, 100%, 40%);
}
a:hover code {
color: hsl(200, 100%, 25%);
}
/* Search highlight used in both topics and rendered_markdown */ /* Search highlight used in both topics and rendered_markdown */
.highlight { .highlight {
background-color: hsl(51, 94%, 74%); background-color: hsl(51, 94%, 74%);