greatbody
/
logseq
mirror of https://github.com/logseq/logseq
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

improve(ui): details for block container

pull/7492/head
charlie 2022-11-25 12:29:29 +08:00
parent e41faae7ac
commit 7c0d3cb075
1 changed files with 58 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
src/main/frontend/components/block.css
View File

@ -116,7 +116,7 @@
.block-body ul, .block-body ul,
.block-body ol, .block-body ol,
.block-body dl { .block-body dl {
margin-bottom: 0em; margin-bottom: 0;
> li { > li {
margin: 0; margin: 0;
@ -310,9 +310,9 @@
padding: 2px 4px; padding: 2px 4px;
opacity: 0.7; opacity: 0.7;
font-size: 85%; font-size: 85%;
margin: 0 2px 0 0px; margin: 0 2px 0 0;
font-weight: 650; font-weight: 650;
border: 0px; border: 0;
} }
.marker-switch { .marker-switch {
@ -408,86 +408,80 @@
font-size: 1rem; font-size: 1rem;
} }
.document-mode .ls-block h1, .document-mode {
.document-mode .editor-inner .h1 { & .ls-block h1,
margin: 0.67em 0; & .editor-inner .h1 {
} margin: 0.67em 0;
}
.document-mode .ls-block h2, & .ls-block h2,
.document-mode .editor-inner .h2 { & .editor-inner .h2 {
margin: 0.75em 0; margin: 0.75em 0;
} }
.document-mode .ls-block h3, & .ls-block h3,
.document-mode .editor-inner .h3 { & .editor-inner .h3 {
margin: 0.83em 0; margin: 0.83em 0;
} }
.document-mode .ls-block h4, & .ls-block h4,
.document-mode .editor-inner .h4 { & .editor-inner .h4 {
margin: 1.12em 0; margin: 1.12em 0;
} }
.document-mode .ls-block h5, & .ls-block h5,
.document-mode .editor-inner .h5 { & .editor-inner .h5 {
margin: 1.5em 0; margin: 1.5em 0;
} }
.document-mode .ls-block h6, & .ls-block h6,
.document-mode .editor-inner .h6 { & .editor-inner .h6 {
margin: 1.67em 0; margin: 1.67em 0;
} }
.document-mode .block-children {
border-left: 0px solid;
}
.document-mode .ls-block {
margin-bottom: 1rem;
} }
.color-level { .color-level {
background-color: var(--color-level-1); background-color: var(--color-level-1);
}
.color-level .color-level { & .color-level {
background-color: var(--color-level-2); background-color: var(--color-level-2);
}
.color-level .color-level .color-level { & .color-level {
background-color: var(--color-level-3); background-color: var(--color-level-3);
}
.color-level .color-level .color-level .color-level { & .color-level {
background-color: var(--color-level-4); background-color: var(--color-level-4);
}
.color-level .color-level .color-level .color-level .color-level { & .color-level {
background-color: var(--color-level-5); background-color: var(--color-level-5);
}
.color-level .color-level .color-level .color-level .color-level .color-level { & .color-level {
background-color: var(--color-level-6); background-color: var(--color-level-6);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level { & .color-level {
background-color: var(--color-level-4); background-color: var(--color-level-4);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level { & .color-level {
background-color: var(--color-level-5); background-color: var(--color-level-5);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level { & .color-level {
background-color: var(--color-level-6); background-color: var(--color-level-6);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level { & .color-level {
background-color: var(--color-level-4); background-color: var(--color-level-4);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level { & .color-level {
background-color: var(--color-level-5); background-color: var(--color-level-6);
}
}
}
}
}
}
}
}
}
}
} }
.bullet-container { .bullet-container {