@@ -17,13 +18,13 @@ export default class Demo extends React.Component {
-
+
-
+
-
+
diff --git a/src/Tooltip.js b/src/Tooltip.js
index a74532f..75840ed 100644
--- a/src/Tooltip.js
+++ b/src/Tooltip.js
@@ -2,9 +2,11 @@ import RcTooltip from 'rc-tooltip';
export default class Tooltip extends RcTooltip {
static displayName = 'uxcore-tooltip'
+
static propTypes = {
...RcTooltip.propTypes,
}
+
static defaultProps = {
...RcTooltip.defaultProps,
prefixCls: 'kuma-tooltip',
diff --git a/src/Tooltip.less b/src/Tooltip.less
index 1df0262..3a0f5c9 100644
--- a/src/Tooltip.less
+++ b/src/Tooltip.less
@@ -159,6 +159,8 @@
box-shadow: @box-shadow-1;
border-radius: @global-border-radius;
border: 1px solid @normal-alpha-6;
+ background-color: #fff;
+ // max-width: 320px;
}
&-inner {
position: relative;
@@ -169,16 +171,15 @@
text-align: center;
color: @normal-alpha-2;
text-decoration: none;
- background-color: #fff;
}
}
.@{__tooltipPrefixCls}-dark {
.@{__tooltipPrefixCls}-content {
border-color: @__tooltipDarkColorNoAlpha;
+ background: @__tooltipDarkColorNoAlpha;
}
.@{__tooltipPrefixCls}-inner {
- background: @__tooltipDarkColorNoAlpha;
color: white;
}
&.@{__tooltipPrefixCls}-placement-left,