diff --git a/packages/lexical-playground/src/Editor.tsx b/packages/lexical-playground/src/Editor.tsx index 257e736ac12..15f7b8e9d83 100644 --- a/packages/lexical-playground/src/Editor.tsx +++ b/packages/lexical-playground/src/Editor.tsx @@ -188,8 +188,8 @@ export default function Editor(): JSX.Element {
{showTableOfContents && }
+ - {showTreeView && } ); diff --git a/packages/lexical-playground/src/index.css b/packages/lexical-playground/src/index.css index 7013b8e595b..fc0648cf765 100644 --- a/packages/lexical-playground/src/index.css +++ b/packages/lexical-playground/src/index.css @@ -1071,12 +1071,11 @@ i.prettier-error { } .actions { - position: relative; + position: absolute; text-align: right; padding: 10px; - border-bottom-left-radius: 10px; - border-bottom-right-radius: 10px; - background: #fff; + bottom: 0; + right: 0; } .actions.tree-view { diff --git a/packages/lexical-playground/src/plugins/ActionsPlugin/index.tsx b/packages/lexical-playground/src/plugins/ActionsPlugin/index.tsx index 58ac6f867e1..f7dbcd16da1 100644 --- a/packages/lexical-playground/src/plugins/ActionsPlugin/index.tsx +++ b/packages/lexical-playground/src/plugins/ActionsPlugin/index.tsx @@ -38,10 +38,8 @@ import { export default function ActionsPlugin({ isRichText, - showTreeView, }: { isRichText: boolean; - showTreeView: boolean; }): JSX.Element { const [editor] = useLexicalComposerContext(); const [isReadOnly, setIsReadOnly] = useState(() => editor.isReadOnly()); @@ -110,7 +108,7 @@ export default function ActionsPlugin({ }, [editor]); return ( -
+
{SUPPORT_SPEECH_RECOGNITION && (