From b6d8f389ef8686af36f16a6eba31ff87a0f16f27 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Sat, 10 Sep 2016 16:52:38 +0800
Subject: [PATCH] fix: should limit CSS scope, close: #147

---
 assets/index.less | 2 +-
 src/Handle.jsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/index.less b/assets/index.less
index 82a4bcc..931ffaf 100644
--- a/assets/index.less
+++ b/assets/index.less
@@ -228,7 +228,7 @@
   }
 }
 
-.rc-tooltip {
+.@{prefixClass}-tooltip {
   position: absolute;
   left: -9999px;
   top: -9999px;
diff --git a/src/Handle.jsx b/src/Handle.jsx
index e3d16a5..e0292cb 100644
--- a/src/Handle.jsx
+++ b/src/Handle.jsx
@@ -51,7 +51,7 @@ export default class Handle extends React.Component {
     const isTooltipVisible = dragging || this.state.isTooltipVisible;
     return (
       <Tooltip
-        prefixCls={prefixCls.replace('slider', 'tooltip')}
+        prefixCls={`${prefixCls}-tooltip`}
         placement="top"
         visible={isTooltipVisible}
         overlay={<span>{tipFormatter(value)}</span>}