[FIX] Add prefixed to mode classes

antmicro · Jul 3, 2024 · f510d38 · f510d38
1 parent 0655766
commit f510d38
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/MystEditor.js b/src/MystEditor.js
@@ -23,11 +23,11 @@ const EditorParent = styled.div`
   ${(props) => {
     switch (props.mode) {
       case "Preview":
-        return ".main-editor { display: none }";
+        return ".myst-main-editor { display: none }";
       case "Source":
-        return ".preview { display: none }";
+        return ".myst-preview { display: none }";
       case "Diff":
-        return ".main-editor { display: none }; .preview { display: none }";
+        return ".myst-main-editor { display: none }; .myst-preview { display: none }";
       default:
         return ``;
     }

diff --git a/src/components/CodeMirror.js b/src/components/CodeMirror.js
@@ -212,7 +212,7 @@ const CodeMirror = ({ text, id, name, mode, collaboration, spellcheckOpts, highl
   }, [ready]);
 
   return html`
-    <${CodeEditor} className="main-editor" ref=${editorMountpoint} $mode=${mode} id="${id}-editor">
+    <${CodeEditor} className="myst-main-editor" ref=${editorMountpoint} $mode=${mode} id="${id}-editor">
       ${error && html`<div class="editor-msg collab-error">No connection to the collaboration server</div>`}
       ${collaboration.enabled && !ready && !error && html`<div class="editor-msg collab-notif">Connecting to the collaboration server ...</div>`}
       ${collaboration.commentsEnabled && !error ? html`<${YCommentsParent} ycomments=${ycomments} />` : ""}

diff --git a/src/components/Preview.js b/src/components/Preview.js
@@ -330,6 +330,6 @@ const Preview = styled.div`
     }
   }
 `;
-Preview.defaultProps = { className: "preview" };
+Preview.defaultProps = { className: "myst-preview" };
 
 export default Preview;