Rotate the svg instead of its container

SpareBank1 · Dec 8, 2016 · 4826e7c · 4826e7c
1 parent 28e0e62
commit 4826e7c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,8 @@
 # Changelog
 
+# v3.0.3
+* Fix svg caret that was jumping up and down due to it's (slightly bigger) container being rotated instead of the actual icon itself
+
 # v3.0.2
 * Fix compatability with IE.
 * Remove any implicit dependencies on polyfills by remomving array functions not supported in IE

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nfe-account-selector-react",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "main": "lib/account-selector.js",
   "scripts": {
     "build": "babel -d lib/. --ignore=*.test.js src/.",

diff --git a/styles/account-selector.less b/styles/account-selector.less
@@ -28,7 +28,10 @@
   }
 
   &__dropdown-icon--reverse {
-    transform: rotate(180deg);
+
+    svg {
+      transform: rotate(180deg);
+    }
   }
 
   &__output {