Merge pull request #59 from nomasi/master

Indicator placement bug at IE11 fixed
SizeMeCom · Jun 28, 2017 · 0548d58 · 0548d58
2 parents 55982d6 + 8c672bc
commit 0548d58
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/common/SizeSlider.jsx b/src/common/SizeSlider.jsx
@@ -7,7 +7,7 @@ import ReactTooltip from "react-tooltip";
 import SizeSelector from "../api/SizeSelector";
 
 const FitIndicator = (props) => {
-    const left = `calc(${props.value}% - 8px`;
+    const left = `calc(${props.value}% - 9px`;
     const { selectedSize, t } = props;
     const size = SizeSelector.sizeMapper.filter(([size]) => size === selectedSize)
         .map(([_, sizeName]) => sizeName)[0] || "";

diff --git a/src/common/SizeSlider.scss b/src/common/SizeSlider.scss
@@ -37,6 +37,7 @@
   svg.recommendation, svg.indicator {
     position: absolute;
     height: 18px;
+    width: 18px;
     bottom: -4px;
     transition: left 0.5s ease-in-out;
 	cursor: help;
@@ -78,6 +79,7 @@
 
   svg.recommendation {
 	bottom: 0;
+    width: 36px;	
     path {
       fill: $recommendation_color;
       fill-opacity: 0.75;