diff --git a/app/globals.css b/app/globals.css index c86b2665..de5e0ecd 100644 --- a/app/globals.css +++ b/app/globals.css @@ -362,11 +362,15 @@ pre.shiki { } .selection-highlight { - background-color: Highlight; + background-color: transparent; @apply py-[1.5px]; } -.ProseMirror:focus-within .selection-highlight { +.block-focused .selection-highlight { + background-color: Highlight; +} + +.block-focused:focus-within .selection-highlight { background-color: transparent; } @@ -392,7 +396,7 @@ pre.shiki { white-space: normal; } -.multiselected:focus-within .selection-highlight { +.multiselected .block-focused:focus-within .selection-highlight { background-color: transparent; } @@ -604,7 +608,9 @@ pre.shiki { max-height: calc(4.5em + 8px); opacity: calc(var(--bg-page-alpha) * 0.7); } -.footnote-side-item:not(:hover):not(:focus-within):not(.footnote-side-focused) .footnote-item > div:last-of-type { +.footnote-side-item:not(:hover):not(:focus-within):not(.footnote-side-focused) + .footnote-item + > div:last-of-type { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; diff --git a/components/Blocks/TextBlock/index.tsx b/components/Blocks/TextBlock/index.tsx index fd6a6be5..bce54fa1 100644 --- a/components/Blocks/TextBlock/index.tsx +++ b/components/Blocks/TextBlock/index.tsx @@ -170,7 +170,9 @@ export function RenderedTextBlock(props: {