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

enhance(ui): polish editor content details

pull/11293/head
charlie 2024-04-30 15:45:04 +08:00
parent d39fb0782b
commit 87f000b8b5
2 changed files with 25 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
src/main/frontend/common.css
View File

@ -301,39 +301,19 @@ i.ti {
} }
.admonitionblock { .admonitionblock {
margin: 2rem 0; @apply my-2 bg-gray-03 p-2 rounded;
}
.abstract {
margin: 2rem 0;
width: 80%;
font-style: italic;
}
.abstract p:last-of-type::before {
content: ' ';
white-space: pre;
}
.dropdown-overflow-auto {
max-height: 400px;
overflow-y: auto;
} }
.heading-bg { .heading-bg {
border-radius: 50%; @apply rounded-full w-[18px] h-[18px];
width: 18px;
height: 18px;
&.remove { &.remove {
@apply border flex items-center justify-center; @apply border flex items-center justify-center border-gray-07 hover:border-gray-09;
border-color: var(--border-color);
} }
} }
.to-heading-button { .to-heading-button {
@apply px-1 text-lg !important; @apply px-1 text-lg;
} }
/** endregion **/ /** endregion **/
@ -573,23 +553,6 @@ mark {
border-radius: 3px; border-radius: 3px;
} }
/* page reference */
.page-reference {
border-radius: 3px;
transition: 0.3s;
}
.page-reference .bracket {
opacity: 0.3;
}
/* block references */
.block-ref .block-ref {
padding: 6px 5px;
border: none;
}
/* inline code */ /* inline code */
:not(pre) > code { :not(pre) > code {
border-radius: 3px; border-radius: 3px;
@ -617,35 +580,6 @@ mark > code {
color: #262626 !important; color: #262626 !important;
} }
b > code {
font-weight: bold !important;
}
i > code {
font-style: italic !important;
}
a {
transition: 0.3s;
}
a.tooltip-priority {
transition: none;
}
.page-reference:hover {
background: var(--lx-accent-04-alpha, var(--ls-secondary-background-color, hsl(var(--primary)/.4)));
}
.references-blocks .page-reference:hover {
background: var(--lx-accent-04-alpha, var(--ls-tertiary-background-color, hsl(var(--primary)/.4)));
}
#head .fade-link {
font-weight: 600;
font-size: 13px;
}
.text-link { .text-link {
color: var(--ls-primary-text-color); color: var(--ls-primary-text-color);
} }

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

@ -283,6 +283,11 @@
padding: 2px 0; padding: 2px 0;
display: inherit; display: inherit;
.block-ref {
padding: 6px 5px;
border: none;
}
&:hover { &:hover {
color: var(--ls-link-text-hover-color); color: var(--ls-link-text-hover-color);
} }
@ -316,6 +321,18 @@
} }
} }
.page-reference {
@apply rounded transition-[background];
.bracket {
@apply opacity-30;
}
&:hover {
background: var(--lx-accent-04-alpha, var(--ls-secondary-background-color, hsl(var(--primary)/.4)));
}
}
.page-ref { .page-ref {
@apply inline; @apply inline;
color: var(--lx-accent-11, var(--ls-link-text-color, hsl(var(--primary)/.8))); color: var(--lx-accent-11, var(--ls-link-text-color, hsl(var(--primary)/.8)));
@ -799,6 +816,10 @@ html.is-mac {
&-item { &-item {
@apply bg-gray-03 rounded p-4; @apply bg-gray-03 rounded p-4;
} }
.page-reference:hover {
background: var(--lx-accent-04-alpha, var(--ls-tertiary-background-color, hsl(var(--primary)/.4)));
}
} }
.cp__right-sidebar-inner { .cp__right-sidebar-inner {