yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Line numbers overlay code when block is horizontally scrollable

Browse Source
This commit is contained in:
Tom Moor
2023-05-11 21:47:26 -04:00
parent 693dfecab7
commit 0ce9931910
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
shared/editor/components/Styles.ts
View File

@@ -1023,7 +1023,8 @@ mark {
&:after { &:after {
content: attr(data-line-numbers); content: attr(data-line-numbers);
position: absolute; position: absolute;
left: 1em; padding-left: 1em;
left: 0;
top: calc(1px + 0.75em); top: calc(1px + 0.75em);
width: calc(var(--line-number-gutter-width,0) * 1em + .25em); width: calc(var(--line-number-gutter-width,0) * 1em + .25em);
word-break: break-all; word-break: break-all;
@@ -1032,6 +1033,7 @@ mark {
font-size: 13px; font-size: 13px;
line-height: 1.4em; line-height: 1.4em;
color: ${props.theme.textTertiary}; color: ${props.theme.textTertiary};
background: ${props.theme.codeBackground};
text-align: right; text-align: right;
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
user-select: none; user-select: none;