ver. 0.5.4

uxcore · Dec 12, 2017 · cf2c881 · cf2c881
1 parent 453016b
commit cf2c881
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 14 deletions.
diff --git a/HISTORY.md b/HISTORY.md
@@ -1,5 +1,10 @@
 # HISTORY
 
+## 0.5.4
+
+* `CHANGED` arrow position imporvement
+* `CHANGED` update `rc-tooltip` to `^3.0.0`
+
 ## 0.5.3
 
 * `CHANGED` react to 15.x

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "uxcore-popover",
- "version": "0.5.3",
+ "version": "0.5.4",
  "description": "uxcore-popover component for uxcore.",
  "repository": "https://github.com/uxcore/uxcore-popover.git",
  "author": "eternalsky",
@@ -48,7 +48,7 @@
   "classnames": "^2.1.2",
   "object-assign": "^4.0.0",
   "prop-types": "15.x",
-  "rc-tooltip": "~3.3.0",
+  "rc-tooltip": "^3.3.0",
   "uxcore-button": "~0.3.0"
  },
  "contributors": [],

diff --git a/src/Popover.less b/src/Popover.less
@@ -131,7 +131,6 @@
   &-placement-topLeft &-arrow,
   &-placement-topRight &-arrow {
     left: 50%;
-    margin-left: -@__popover-arrow-outer-width;
     border-bottom-width: 0;
     border-top-color: @border-color;
     bottom: @__popover-distance - @__popover-arrow-outer-width + 1;
@@ -144,18 +143,21 @@
     }
   }
   &-placement-topLeft &-arrow {
-    left: 15%;
+    left: 10px;
   }
   &-placement-topRight &-arrow {
-    left: 85%;
+    right: 10px;
+    left: auto;
+  }
+  &-placement-top &-arrow {
+    margin-left: -@__popover-arrow-outer-width;
   }
 
   &-placement-right &-arrow,
   &-placement-rightTop &-arrow,
   &-placement-rightBottom &-arrow {
     top: 50%;
     left: @__popover-distance - @__popover-arrow-outer-width + 1;
-    margin-top: -@__popover-arrow-outer-width;
     border-left-width: 0;
     border-right-color: @border-color;
     &:after {
@@ -167,17 +169,20 @@
     }
   }
   &-placement-rightTop &-arrow {
-    top: 15%;
+    top: 10px;
   }
   &-placement-rightBottom &-arrow {
-    top: 85%;
+    top: auto;
+    bottom: 10px;
+  }
+  &-placement-right &-arrow {
+    margin-top: -@__popover-arrow-outer-width;
   }
 
   &-placement-bottom &-arrow,
   &-placement-bottomLeft &-arrow,
   &-placement-bottomRight &-arrow {
     left: 50%;
-    margin-left: -@__popover-arrow-outer-width;
     border-top-width: 0;
     border-bottom-color: @border-color;
     top: @__popover-distance - @__popover-arrow-outer-width + 1;
@@ -190,18 +195,21 @@
     }
   }
   &-placement-bottomLeft &-arrow {
-    left: 15%;
+    left: 10px;
   }
   &-placement-bottomRight &-arrow {
-    left: 85%;
+    right: 10px;
+    left: auto;
+  }
+  &-placement-bottom &-arrow {
+    margin-left: -@__popover-arrow-outer-width;
   }
 
   &-placement-left &-arrow,
   &-placement-leftTop &-arrow,
   &-placement-leftBottom &-arrow {
     top: 50%;
     right: @__popover-distance - @__popover-arrow-outer-width + 1;
-    margin-top: -@__popover-arrow-outer-width;
     border-right-width: 0;
     border-left-color: @border-color;
     &:after {
@@ -213,10 +221,14 @@
     }
   }
   &-placement-leftTop &-arrow {
-    top: 15%;
+    top: 10px;
   }
   &-placement-leftBottom &-arrow {
-    top: 85%;
+    bottom: 10px;
+    top: auto;
+  }
+  &-placement-left &-arrow {
+    margin-top: -@__popover-arrow-outer-width;
   }
 }