rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: improve super code block styles

Browse Source
This commit is contained in:
Aman Harwara
2023-08-27 16:17:12 +05:30
parent 675be69eda
commit c82086e3dc
1 changed files with 4 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss
View File

@@ -80,31 +80,14 @@
} }
.Lexical__code { .Lexical__code {
background-color: var(--sn-stylekit-contrast-background-color); background-color: var(--sn-stylekit-contrast-background-color);
font-family: Menlo, Consolas, Monaco, monospace; font-family: var(--sn-stylekit-monospace-font), monospace;
display: block; display: block;
padding: 8px 8px 8px 52px; padding: 1.25rem 1.35rem;
line-height: 1.53; margin: 0.5rem 0;
font-size: 13px;
margin: 0;
margin-top: 8px;
margin-bottom: 8px;
tab-size: 2; tab-size: 2;
/* white-space: pre; */
overflow-x: auto; overflow-x: auto;
position: relative; position: relative;
} border-radius: 0.25rem;
.Lexical__code:before {
content: attr(data-gutter);
position: absolute;
background-color: var(--sn-stylekit-secondary-background-color);
left: 0;
top: 0;
border-right: 1px solid var(--sn-stylekit-contrast-border-color);
padding: 8px;
color: var(--sn-stylekit-info-color);
white-space: pre-wrap;
text-align: right;
min-width: 25px;
} }
.Lexical__table { .Lexical__table {
border-collapse: collapse; border-collapse: collapse;