Break word on InfoTooltip (apache#3532)

* Break word on InfoTooltip * Moving style object to separate const
michellethomas · May 23, 2018 · 14e82b5 · 14e82b5
1 parent 406c708
commit 14e82b5
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/superset/assets/javascripts/components/InfoTooltipWithTrigger.jsx b/superset/assets/javascripts/components/InfoTooltipWithTrigger.jsx
@@ -21,10 +21,15 @@ const defaultProps = {
 export default function InfoTooltipWithTrigger({
     label, tooltip, icon, className, onClick, placement, bsStyle }) {
   const iconClass = `fa fa-${icon} ${className} ${bsStyle ? 'text-' + bsStyle : ''}`;
+  const tooltipStyle = { wordWrap: 'break-word' };
   return (
     <OverlayTrigger
       placement={placement}
-      overlay={<Tooltip id={`${slugify(label)}-tooltip`}>{tooltip}</Tooltip>}
+      overlay={
+        <Tooltip id={`${slugify(label)}-tooltip`} style={tooltipStyle}>
+          {tooltip}
+        </Tooltip>
+      }
     >
       <i
         className={iconClass}