fix: block-ref in BlockLink displaying issue

pull/7395/head
Peng Xiao 2022-11-23 12:09:43 +08:00
parent 68ea04af52
commit ee445b8f70
3 changed files with 8 additions and 2 deletions

View File

@ -43,7 +43,7 @@ export const BlockLink = ({ id }: { id: string }) => {
{linkType === 'P' ? (
<PageName pageName={id} />
) : (
<span className="inline-flex items-center">
<span className="block-link-reference-row">
<Breadcrumb levelLimit={1} blockId={id} endSeparator />
<BlockReference blockId={id} />
</span>

View File

@ -1144,3 +1144,9 @@ button.tl-shape-links-panel-item-remove-button {
@apply bg-indigo-500;
}
}
.block-link-reference-row {
> * {
display: inline;
}
}

View File

@ -165,7 +165,7 @@ export const Canvas = observer(function Renderer<S extends TLReactShape>({
shape={selectedOrHooveredShape}
/>
)}
{hoveredShape && hoveredShape !== singleSelectedShape && components.QuickLinks && (
{hoveredShape && components.QuickLinks && (
<QuickLinksContainer hidden={false} bounds={hoveredShape.bounds} shape={hoveredShape} />
)}
{brush && components.Brush && <components.Brush bounds={brush} />}