You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
importstylesfrom"../../styles/mdEditor.module.css";import"@mdxeditor/editor/style.css";importtype{ForwardedRef}from"react";import{headingsPlugin,listsPlugin,quotePlugin,thematicBreakPlugin,markdownShortcutPlugin,MDXEditor,typeMDXEditorMethods,typeMDXEditorProps,toolbarPlugin,UndoRedo,BoldItalicUnderlineToggles,imagePlugin,tablePlugin,InsertImage,InsertTable,BlockTypeSelect,Separator,ListsToggle,InsertThematicBreak,linkPlugin,linkDialogPlugin,CreateLink,}from"@mdxeditor/editor";// Only import this to the next fileexportdefaultfunctionInitializedMDXEditor({
editorRef,
...props}: {editorRef: ForwardedRef<MDXEditorMethods>|null}&MDXEditorProps){return(<MDXEditorcontentEditableClassName={styles.prose}className="dark-theme"plugins={[// Example Plugin UsageheadingsPlugin(),listsPlugin(),quotePlugin(),thematicBreakPlugin(),markdownShortcutPlugin(),imagePlugin(),linkPlugin(),linkDialogPlugin(),tablePlugin(),toolbarPlugin({toolbarContents: ()=>(<><UndoRedo/><Separator/><BoldItalicUnderlineToggles/><Separator></Separator><ListsToggle/><Separator/><BlockTypeSelect/><Separator/><CreateLink/><InsertImage/><InsertTable/><InsertThematicBreak/></>),}),]}{...props}ref={editorRef}/>);}
Result:
Expected result:
Button and menu both in dark theme.
Dialogue in dark theme.
The text was updated successfully, but these errors were encountered:
timthedev07
changed the title
BlockTypeSelect improper styles in dark theme
Improper styles in dark theme: BlockTypeSelect and linkDialogPluginDec 7, 2023
Component source code:
Result:
Expected result:
The text was updated successfully, but these errors were encountered: