Limted transition to background-color

FDMediagroep · Mar 20, 2019 · bf44bd0 · bf44bd0
1 parent bbe0899
commit bf44bd0
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 19 deletions.
diff --git a/dist/buttons.js b/dist/buttons.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fdmg/fd-buttons",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "description": "FD-themed buttons",
   "types": "dist/Buttons.d.ts",
   "main": "dist/buttons.js",
@@ -56,9 +56,9 @@
     "ts-jest": "^24.0.0",
     "tslint": "^5.14.0",
     "tslint-react": "^3.6.0",
-    "typescript": "^3.3.3333",
+    "typescript": "^3.3.4000",
     "webpack": "^4.29.6",
-    "webpack-cli": "^3.2.3"
+    "webpack-cli": "^3.3.0"
   },
   "dependencies": {
     "react": "^16.8.4",

diff --git a/src/AddButton.tsx b/src/AddButton.tsx
@@ -22,6 +22,7 @@ export default class AddButton extends PureComponent<any, any> {
 
 const GlobalStyle = createGlobalStyle`
 .fd-add-button {
+    position: relative;
     outline: none;
     border-radius: 2px;
     white-space: nowrap;
@@ -30,7 +31,7 @@ const GlobalStyle = createGlobalStyle`
     color: #ffeadb;
     background-color: #ff7812;
     cursor: pointer;
-    transition: all .2s;
+    transition: background-color .2s;
     font-family: 'ProximaNovaRegular', sans-serif;
     font-size: 14px;
 

diff --git a/src/ButtonCta.tsx b/src/ButtonCta.tsx
@@ -14,6 +14,7 @@ export default class ButtonCallToAction extends PureComponent<any, any> {
 
 const GlobalStyles = createGlobalStyle`
 .fd-button-cta {
+    position: relative;
     min-height: 2rem;
     display: inline-block;
     align-items: center;
@@ -32,7 +33,7 @@ const GlobalStyles = createGlobalStyle`
     }
     box-shadow: rgba(0, 0, 0, 0.2) 0px -2px 0px 0px inset;
     border-radius: 2px;
-    transition: all .1s;
+    transition: background-color .1s;
     font-family: 'ProximaNovaBold', sans-serif;
     font-weight: normal;
     &.m {

diff --git a/src/ButtonEditorial.tsx b/src/ButtonEditorial.tsx
@@ -14,6 +14,7 @@ export default class ButtonEditorial extends PureComponent<any, any> {
 
 const GlobalStyles = createGlobalStyle`
 .fd-button {
+    position: relative;
     min-height: 2rem;
     display: inline-block;
     align-items: center;
@@ -33,7 +34,7 @@ const GlobalStyles = createGlobalStyle`
     box-shadow: rgba(0, 0, 0, 0.2) 0px -2px 0px 0px inset;
     border: none;
     border-radius: 2px;
-    transition: all .1s;
+    transition: background-color .1s;
     font-family: 'ProximaNovaBold', sans-serif;
     font-weight: normal;
     &.m {

diff --git a/src/FollowButton.tsx b/src/FollowButton.tsx
@@ -30,6 +30,7 @@ export default class FollowButton extends PureComponent<Props, any> {
 
 const GlobalStyle = createGlobalStyle`
 .fd-follow-button {
+    position: relative;
     outline: none;
     border-radius: 2px;
     white-space: nowrap;
@@ -38,7 +39,7 @@ const GlobalStyle = createGlobalStyle`
     color: #49a4a2;
     background-color: transparent;
     cursor: pointer;
-    transition: all .2s;
+    transition: background-color .2s;
     font-family: 'ProximaNovaRegular', sans-serif;
     font-size: 14px;