Merge pull request #65 from ozanyurtsever/revert-50-fix/css-namespace

Revert "CSS namespaces"
ozanyurtsever · Nov 27, 2023 · 0e2f1cf · 0e2f1cf
2 parents 17351eb + 0ffe43d
commit 0e2f1cf
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 30 deletions.
diff --git a/src/EditorComposer.css b/src/EditorComposer.css
@@ -8,8 +8,6 @@
 
 @import 'https://fonts.googleapis.com/css?family=Reenie+Beanie';
 
-@namespace "Verbum-EditorComposer";
-
 .editor-shell {
   margin: 20px auto;
   border-radius: 2px;

diff --git a/src/EditorComposer.tsx b/src/EditorComposer.tsx
@@ -27,9 +27,7 @@ const EditorComposer = ({ children, initialEditorState }: IEditorComposer) => {
   return (
     <LexicalComposer initialConfig={initialConfig}>
       <I18nextProvider i18n={i18n}>
-        <svg xmlns="Verbum-EditorComposer">
-          <div className="editor-shell">{children}</div>
-        </svg>
+        <div className="editor-shell">{children}</div>
       </I18nextProvider>
     </LexicalComposer>
   );

diff --git a/src/plugins/ToolbarPlugin/ToolbarPlugin.css b/src/plugins/ToolbarPlugin/ToolbarPlugin.css
@@ -6,8 +6,6 @@
  *
  *
  */
-@namespace 'Verbum-toolbar';
-
 .ToolbarPlugin__dialogActions {
   display: flex;
   flex-direction: row;

diff --git a/src/plugins/ToolbarPlugin/ToolbarPlugin.tsx b/src/plugins/ToolbarPlugin/ToolbarPlugin.tsx
@@ -265,29 +265,26 @@ const ToolbarPlugin = ({
         blockType,
       }}
     >
-      <svg xmlns="Verbum-toolbar">
-        <div className="toolbar">
-          <UndoButton />
-          <RedoButton />
-          <Divider />
-          {supportedBlockTypes.has(blockType) &&
-            activeEditor === initialEditor && (
-              <>
-                <BlockFormatDropdown />
-                <Divider />
-              </>
-            )}
-          {blockType === 'code' ? (
-            <>
-              <CodeLanguageDropdown />
-              <Divider />
-              {alignExists && AlignComponent}
-            </>
-          ) : (
-            <>{children}</>
-          )}
-        </div>
-      </svg>
+      <div className="toolbar">
+        <UndoButton />
+        <RedoButton />
+        <Divider />
+        {supportedBlockTypes.has(blockType) && activeEditor === initialEditor && (
+          <>
+            <BlockFormatDropdown />
+            <Divider />
+          </>
+        )}
+        {blockType === 'code' ? (
+          <>
+            <CodeLanguageDropdown />
+            <Divider />
+            {alignExists && AlignComponent}
+          </>
+        ) : (
+          <>{children}</>
+        )}
+      </div>
     </ToolbarContext.Provider>
   );
 };