[WEB-3747] regression: readonly mode with fragments (#6861)
This commit is contained in:
parent
a57c37c26c
commit
523ab3f4a1
4 changed files with 7 additions and 9 deletions
|
|
@ -28,11 +28,11 @@ export const PageRenderer = (props: IPageRenderer) => {
|
||||||
>
|
>
|
||||||
<EditorContentWrapper editor={editor} id={id} tabIndex={tabIndex} />
|
<EditorContentWrapper editor={editor} id={id} tabIndex={tabIndex} />
|
||||||
{editor.isEditable && (
|
{editor.isEditable && (
|
||||||
<>
|
<div>
|
||||||
{bubbleMenuEnabled && <EditorBubbleMenu editor={editor} />}
|
{bubbleMenuEnabled && <EditorBubbleMenu editor={editor} />}
|
||||||
<BlockMenu editor={editor} />
|
<BlockMenu editor={editor} />
|
||||||
<AIFeaturesMenu menu={aiHandler?.menu} />
|
<AIFeaturesMenu menu={aiHandler?.menu} />
|
||||||
</>
|
</div>
|
||||||
)}
|
)}
|
||||||
</EditorContainer>
|
</EditorContainer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -128,10 +128,9 @@ export const LinkEditView = ({ viewProps }: LinkEditViewProps) => {
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
onKeyDown={handleKeyDown}
|
onKeyDown={handleKeyDown}
|
||||||
className="shadow-md rounded p-2 flex flex-col gap-3 bg-custom-background-90 border-custom-border-100 border-2 animate-in fade-in translate-y-1 duration-200 origin-center"
|
className="shadow-md rounded p-2 flex flex-col gap-3 bg-custom-background-90 border-custom-border-100 border-2 animate-in fade-in translate-y-1"
|
||||||
style={{
|
style={{
|
||||||
animationTimingFunction: "cubic-bezier(.55, .085, .68, .53)",
|
transition: "all 0.1s cubic-bezier(.55, .085, .68, .53)",
|
||||||
transformOrigin: "center",
|
|
||||||
}}
|
}}
|
||||||
tabIndex={0}
|
tabIndex={0}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -23,10 +23,9 @@ export const LinkPreview = ({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className="absolute left-0 top-0 max-w-max animate-in fade-in translate-y-1 duration-300 origin-center"
|
className="absolute left-0 top-0 max-w-max animate-in fade-in translate-y-1"
|
||||||
style={{
|
style={{
|
||||||
animationTimingFunction: "cubic-bezier(.55, .085, .68, .53)",
|
transition: "all 0.2s cubic-bezier(.55, .085, .68, .53)",
|
||||||
transformOrigin: "center",
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div className="shadow-md items-center rounded p-2 flex gap-3 bg-custom-background-90 border-custom-border-100 border-2 text-custom-text-300 text-xs">
|
<div className="shadow-md items-center rounded p-2 flex gap-3 bg-custom-background-90 border-custom-border-100 border-2 text-custom-text-300 text-xs">
|
||||||
|
|
|
||||||
|
|
@ -42,7 +42,7 @@ export const PageEditorTitle: React.FC<Props> = observer((props) => {
|
||||||
{
|
{
|
||||||
"text-custom-text-400": !title,
|
"text-custom-text-400": !title,
|
||||||
},
|
},
|
||||||
"break-words pb-1.5"
|
"break-words"
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
{getPageName(title)}
|
{getPageName(title)}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue