This commit is contained in:
Mateusz Gruszczyński
2026-07-24 15:30:53 +02:00
parent 2c46314425
commit 041f586261
10 changed files with 205 additions and 64 deletions
+67 -36
View File
@@ -2201,7 +2201,7 @@ dialog::backdrop {
content: attr(data-source-line);
position: absolute;
top: 0;
left: -50px;
left: var(--preview-line-left, -50px);
width: 32px;
color: #596270;
text-align: right;
@@ -2304,70 +2304,80 @@ dialog::backdrop {
color: #b9c2cf;
}
.markdown-body .task-list {
margin: 0;
padding: 0;
list-style: none
}
/* Task-list layout. */
.markdown-body .task-list-item {
position: relative;
display: grid;
grid-template-columns: 1em minmax(0, 1fr);
grid-template-rows: 1.32em;
grid-template-rows: auto auto;
column-gap: .45em;
align-items: center;
align-items: start;
min-height: 1.32em;
margin: 0;
padding: 0;
line-height: 1.32
}
.markdown-body .task-list-item::before {
position: absolute;
top: 0;
right: calc(100% + 18px);
width: 32px;
height: 1.32em;
line-height: 1.32em;
transform: none
line-height: 1.32;
list-style: none;
}
.markdown-body .task-checkbox {
grid-column: 1;
grid-row: 1;
align-self: start;
appearance: none;
box-sizing: border-box;
flex: 0 0 1em;
width: 1em;
min-width: 1em;
max-width: 1em;
height: 1em;
margin: 0;
align-self: center;
accent-color: var(--accent);
cursor: pointer
min-height: 1em;
max-height: 1em;
margin: .14em 0 0;
padding: 0;
border: 1px solid #707887;
border-radius: 2px;
background: var(--surface-2);
box-shadow: none;
cursor: pointer;
}
.markdown-body .task-list-item>span {
.markdown-body .task-checkbox:checked {
border-color: var(--accent);
background-color: var(--accent);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2 6.5 4.7 9 10 3'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: .78em .78em;
}
.markdown-body .task-checkbox:focus {
outline: none;
}
.markdown-body .task-checkbox:focus-visible {
box-shadow: 0 0 0 2px rgba(124, 104, 238, .3);
}
.markdown-body .task-list-item > .list-item-content {
grid-column: 2;
grid-row: 1;
display: block;
min-width: 0;
margin: 0;
padding: 0;
line-height: 1.32
line-height: inherit;
}
.hide-preview-line-numbers .markdown-body .task-list-item::before {
display: none
.markdown-body .task-list-item > ul,
.markdown-body .task-list-item > ol {
grid-column: 2;
grid-row: 2;
min-width: 0;
}
.compact-editor .markdown-body .task-list-item {
grid-template-rows: 1.24em;
min-height: 1.24em;
line-height: 1.24
}
.compact-editor .markdown-body .task-list-item::before,
.compact-editor .markdown-body .task-list-item>span {
height: 1.24em;
line-height: 1.24
line-height: 1.24;
}
.markdown-body .footnotes {
@@ -3805,3 +3815,24 @@ dialog::backdrop {
.markdown-body .markdown-toc .toc-level-4,
.markdown-body .markdown-toc .toc-level-5,
.markdown-body .markdown-toc .toc-level-6 { margin-left: 3em; }
/* Nested Markdown lists keep markers and source-line numbers in separate gutters. */
.markdown-body ul,
.markdown-body ol {
padding-left: 1.75em;
}
.markdown-body .list-source-line::before {
right: auto;
}
.markdown-body .list-item-content {
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
.markdown-body .contains-task-items > .task-list-item {
list-style: none;
}