Fixed: minor css changes

awran5 · Jun 5, 2021 · 209cf62 · 209cf62
1 parent ddfe175
commit 209cf62
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 10 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,16 @@
 ## 05/21/2020
 
+## 1.3.0
+
+### Minor Changes
+
+- edit tags
+
+### Patch Changes
+
+- Fixed: minor css
+- d72212e: added autoprefixer
+
 ## 1.2.0
 
 ### Minor Changes

diff --git a/example/yarn.lock b/example/yarn.lock
@@ -1753,8 +1753,9 @@
   integrity sha512-1z8k4wzFnNjVK/tlxvrWuK5WMt6mydWWP7+zvH5eFep4oj+UkrfiJTRtjCeBXNpwaA/FYqqtb4/QS4ianFpIRA==
 
 "@types/node@*":
-  version "0.0.0"
-  uid ""
+  version "15.12.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-15.12.1.tgz#9b60797dee1895383a725f828a869c86c6caa5c2"
+  integrity sha512-zyxJM8I1c9q5sRMtVF+zdd13Jt6RU4r4qfhTd7lQubyThvLfx6yYekWSQjGCGV2Tkecgxnlpl/DNlb6Hg+dmEw==
 
 "@types/node@link:../node_modules/@types/node":
   version "0.0.0"
@@ -1790,8 +1791,13 @@
   uid ""
 
 "@types/react@*":
-  version "0.0.0"
-  uid ""
+  version "17.0.9"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.9.tgz#1147fb520024a62c9b3841f5cb4db89b73ddb87f"
+  integrity sha512-2Cw7FvevpJxQrCb+k5t6GH1KIvmadj5uBbjPaLlJB/nZWUj56e1ZqcD6zsoMFB47MsJUTFl9RJ132A7hb3QFJA==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
 
 "@types/react@link:../node_modules/@types/react":
   version "0.0.0"

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-floating-whatsapp",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "private": false,
   "description": "Simple React component for adding a floating WhatsApp button to your project.",
   "author": "awran5 <awran5@yahoo.com>",

diff --git a/src/styles.css b/src/styles.css
@@ -1,3 +1,7 @@
+html {
+  min-height: 50000px;
+}
+
 .floatingWhatsapp {
   box-sizing: border-box;
   width: 100vw;
@@ -40,16 +44,15 @@
   fill: #fff;
   padding: 0.5rem;
 }
+
 @keyframes _pulse {
   0% {
-    background: rgb(76 175 79 / 50%);
-    transform: scale(0);
+    box-shadow: 0 0 0 0 #25d366;
     opacity: 1;
   }
 
   100% {
-    background: rgba(76 175 79 / 50%);
-    transform: scale(1.5);
+    box-shadow: 0 0 0 15px #25d366;
     opacity: 0;
   }
 }
@@ -61,7 +64,7 @@
   overflow: hidden;
   background-color: #fff;
   touch-action: auto;
-  position: absolute;
+  position: fixed;
   bottom: 7rem;
   right: 4rem;
   width: 375px;