Revert "Resolve bootstrap CSS conflict."

This reverts commit 477a58628d.
This commit is contained in:
Paulo Gustavo Veiga 2022-02-23 18:38:49 -08:00
parent 091a80449d
commit e0770ef809
10 changed files with 14 additions and 34 deletions

View File

@ -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;
}

File diff suppressed because one or more lines are too long

7
packages/editor/src/bootstrap.min.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -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} />

View File

@ -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;
}

View File

@ -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>
);

View File

@ -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();

View File

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

View File

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

View File

@ -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>',