Revert "Resolve bootstrap CSS conflict."

This reverts commit 477a58628d.

packages/editor/src/bootstrap-fixes.css

@@ -1,16 +0,0 @@
-/* 
-    These are patches or hacks to avoid boostrap interfering with Mui styles
-    This file is meant to be removed when removing bootstrap
-*/ 
-/* 
-/* bootstrap modal */
-
-.modal-backdrop {
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 100vw;
-    height: 100vh;
-    background: rgba(0,0,0,0.5);
-    z-index: 1000;
-}

packages/editor/src/components/toolbar/index.tsx

@@ -42,7 +42,7 @@ export default function Toolbar({
 }: ToolbarPropsType): React.ReactElement {
     const intl = useIntl();
     return (
-        <HeaderContainer className="wise-editor">
+        <HeaderContainer>
             <div id="toolbar">
                 <div id="backToList">
                     <img src={BackIconSvg} />

packages/editor/src/global-styled.css

@@ -1,8 +1,7 @@
 /********************************************************************************/
 /* Header & Toolbar Styles */
 /********************************************************************************/
-@import "bootstrap-prefix.min.css";
-@import "bootstrap-fixes.css";
+@import "bootstrap.min.css";
 
 html {
     /* avoid bootstrap overriding font-size and breaking Mui */
@@ -130,7 +129,7 @@ div.shareModalDialog {
     background-color: #efefef;
 }
 
-.wise-editor .popover {
+.popover {
     font-size: 13px;
     max-width: none;
 }

packages/editor/src/index.tsx

@@ -108,7 +108,7 @@ const Editor = ({
                 isTryMode={options.mode === 'showcase'}
                 onAction={onAction}
             />
-            <div id="mindplot" className="wise-editor"></div>
+            <div id="mindplot"></div>
             <Footer showTryPanel={options.mode === 'showcase'} />
         </IntlProvider>
     );

packages/mindplot/src/components/NoteIcon.ts

@@ -55,6 +55,7 @@ class NoteIcon extends Icon {
     }
     this._tip = new FloatingTip($(me.getImage().peer._native), {
       title: $msg('NOTE'),
+      container: 'body',
       // Content can also be a function of the target element!
       content() {
         return me._buildTooltipContent();

packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.js

@@ -59,8 +59,6 @@ class BootstrapDialog extends Options {
       $(this).remove();
     });
     this._native.on('shown.bs.modal', this.onDialogShown);
-
-    this._native.appendTo('#mindplot');
   }
 
   _buildFooter() {

packages/mindplot/src/components/widget/FloatingTip.js

@@ -27,7 +27,7 @@ const defaultOptions = {
   title: '',
   content: '',
   delay: 0,
-  container: '#mindplot',
+  container: false,
   destroyOnExit: false,
 };
 

packages/mindplot/src/components/widget/LinkIconTooltip.js

@@ -31,6 +31,7 @@ class LinkIconTooltip extends FloatingTip {
       },
       html: true,
       placement: 'bottom',
+      container: 'body',
       title: $msg('LINK'),
       trigger: 'manual',
       template: '<div id="linkPopover" class="popover" onmouseover="jQuery(this).mouseleave(function() {jQuery(this).fadeOut(200); });" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>',