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

Fix when only icon is present (#20208)

Browse Source
This commit is contained in:
Andrej Ocenas
2019-11-06 17:28:41 +01:00
committed by GitHub
parent 89c553cfe6
commit 0f709cffbc
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
packages/grafana-ui/src/components/Button/ButtonContent.tsx
View File

@@ -18,13 +18,22 @@ type Props = {
export function ButtonContent(props: Props) { export function ButtonContent(props: Props) {
const { icon, className, iconClassName, children } = props; const { icon, className, iconClassName, children } = props;
const styles = getStyles(); const styles = getStyles();
return icon ? ( if (icon && children) {
<span className={cx(styles.content, className)}> return (
<i className={cx([icon, iconClassName])} /> <span className={cx(styles.content, className)}>
&nbsp; &nbsp; <i className={cx([icon, iconClassName])} />
<span>{children}</span> &nbsp; &nbsp;
</span> <span>{children}</span>
) : ( </span>
<span className={styles.content}>{children}</span> );
); }
if (icon) {
return (
<span className={cx(styles.content, className)}>
<i className={cx([icon, iconClassName])} />
</span>
);
}
return <span className={styles.content}>{children}</span>;
} }