editor: improve inline code styling (#8987)

* editor: improve inline code styling
Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com>

* editor: remove top&bottom padding from inline code
* it was cutting off a bit of text from top&bottom lines

Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com>

* editor: update text color of inline code
Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com>

* editor: adjust font size and padding of inline code

---------

Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com>
Co-authored-by: Abdullah Atta <abdullahatta@streetwriters.co>
This commit is contained in:
01zulfi
2025-11-27 12:05:16 +05:00
committed by GitHub
parent 52a3d1c373
commit ed2a04d590

View File

@@ -27,10 +27,6 @@
pointer-events: none;
}
.ProseMirror p code {
background-color: var(--background-secondary);
}
.ProseMirror:first-child {
margin-top: 10px;
}
@@ -54,13 +50,14 @@
}
.ProseMirror p code {
background-color: var(--background);
background-color: var(--background-secondary);
border: 1px solid var(--border);
color: var(--paragraph-secondary);
border-radius: 5px;
padding: 3px 5px 0px 5px;
padding: 2px 5px 2px 5px;
font-family: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono,
Menlo, monospace !important;
font-size: 10pt !important;
font-size: 85%;
}
.ProseMirror code > span {