QT/superset2
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2026-04-22 01:24:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

apply custom css for dashboard initially load (#4031)

Browse Source
This commit is contained in:
Grace Guo
2017-12-07 16:56:40 -08:00
committed by GitHub
parent 0a3d2fccd4
commit 61755f0b7d
2 changed files with 27 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
superset/assets/javascripts/dashboard/components/CssEditor.jsx
View File

@@ -30,30 +30,10 @@ class CssEditor extends React.PureComponent {
cssTemplateOptions: [],
};
}
componentWillMount() {
this.updateDom();
}
changeCss(css) {
this.setState({ css }, this.updateDom);
this.props.onChange(css);
}
updateDom() {
const css = this.state.css;
const className = 'CssEditor-css';
const head = document.head || document.getElementsByTagName('head')[0];
let style = document.querySelector('.' + className);
if (!style) {
style = document.createElement('style');
style.className = className;
style.type = 'text/css';
head.appendChild(style);
}
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.innerHTML = css;
}
this.setState({ css }, () => {
this.props.onChange(css);
});
}
changeCssTemplate(opt) {
this.changeCss(opt.css);