dave/ocrcc-chatbox
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

adding cleanslate support for style scoping

Browse Source
This commit is contained in:
Benjamin Boudreau
2018-06-09 08:43:18 -04:00
parent 4e01bb3fd6
commit 81517491d5
9 changed files with 1045 additions and 384 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/outputs/bookmarklet.js
View File

@@ -1,12 +1,10 @@
import React from 'react';
import ReactDOM from 'react-dom';
import Widget from '../components/widget';
import EmbeddableWidget from './embeddable-widget';
const component = <Widget />;
const el = document.createElement('div');
document.body.appendChild(el);
console.log('running bookmarklet');
ReactDOM.render(
component,
el,
);
(function bookmarklet() {
if (window.EmbeddableWidget) {
return;
}
window.EmbeddableWidget = EmbeddableWidget;
EmbeddableWidget.mount();
}());

2
src/outputs/embeddable-widget.js
View File

@@ -1,6 +1,7 @@
import React from 'react';
import ReactDOM from 'react-dom';
import Widget from '../components/widget';
import '../../vendor/cleanslate.css';
export default class EmbeddableWidget {
static el;
@@ -13,6 +14,7 @@ export default class EmbeddableWidget {
throw new Error('EmbeddableWidget is already mounted, unmount first');
}
const el = document.createElement('div');
el.setAttribute('class', 'cleanslate');
document.body.appendChild(el);
ReactDOM.render(
component,