diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/LinkSelected.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/LinkSelected.tsx index bb5cacc62..4cfe9277b 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/LinkSelected.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/LinkSelected.tsx @@ -132,25 +132,14 @@ export const LinkSelected = ({ $position="relative" $css={css` margin-left: 2px; + text-decoration: underline; + text-decoration-color: var( + --c--contextuals--border--semantic--neutral--tertiary + ); + text-underline-offset: 0.2em; `} > - - - {titleWithoutEmoji} - + {titleWithoutEmoji} ); diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx index f43d5f014..83e0f45a3 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx @@ -33,6 +33,18 @@ export const DocsEditorStyle = createGlobalStyle` font-family: var(--c--components--button--font-family); } + /** + * To fix a visual bug with multi-column blocks + * The first block in a multi-column layout had a negative margin + * by default, causing layout issues. This rule resets the margin. + * Current bug Blocknote version: 0.54.0 + * TODO: Check if Blocknote updates this behavior in future versions + * and if yes, remove this rule. + */ + .bn-block-outer[data-prev-depth-change] { + margin-left: 0; + } + /** * Ensure long placeholder text is truncated with ellipsis */ diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx index 68923f65b..abdc7ee29 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx @@ -46,7 +46,12 @@ export const DocTitleText = () => { return ( - + {emoji && } {displayTitle} diff --git a/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelCollapseButton.tsx b/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelCollapseButton.tsx index 0ab7895de..bedaa7067 100644 --- a/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelCollapseButton.tsx +++ b/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelCollapseButton.tsx @@ -37,6 +37,7 @@ export const LeftPanelCollapseButton = ({ $size="sm" $weight={700} $color="var(--c--globals--colors--gray-1000)" + $display="unset" > {buttonTitle}