IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

TextPanel: Fixed issue with new react text panel (#26061)

Browse Source
This commit is contained in:
Torkel Ödegaard 2020-07-04 21:26:55 +02:00 committed by GitHub
parent c5cd9c5648
commit 8be735a6ec
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
public/app/plugins/panel/text/TextPanel.tsx
View File

@ -6,6 +6,8 @@ import { PanelProps, renderMarkdown, textUtil } from '@grafana/data';
import config from 'app/core/config';
// Types
import { TextOptions } from './types';
import { stylesFactory } from '@grafana/ui';
import { css, cx } from 'emotion';
interface Props extends PanelProps<TextOptions> {}
interface State {
@ -75,7 +77,16 @@ export class TextPanel extends PureComponent<Props, State> {
render() {
const { html } = this.state;
const styles = getStyles();
return <div className="markdown-html panel-text-content" dangerouslySetInnerHTML={{ __html: html }} />;
return <div className={cx('markdown-html', styles.content)} dangerouslySetInnerHTML={{ __html: html }} />;
}
}
const getStyles = stylesFactory(() => {
return {
content: css`
height: 100%;
`,
};
});