Improved popup animation.

pierluigizagaria · Sep 7, 2020 · 7422a82 · 7422a82
1 parent 52b9704
commit 7422a82
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/css/popup.css b/css/popup.css
@@ -84,13 +84,16 @@ input:checked+.slider:before {
     border-radius: 50%;
 }
 
-.text-cursor {
-    border-right: .05em solid;
-    animation: caret 1s steps(1) infinite;
+.wavy {
+    display: inline-block;
+    position: relative;
 }
-
-@keyframes caret {
-    50% {
-        border-color: transparent;
-    }
+
+.wavy:before {
+    content: "~";
+    color: red;
+    width: 100%;
+    position: absolute;
+    top: 12px;
+    overflow: hidden;
 }
diff --git a/js/popup.js b/js/popup.js
@@ -1,4 +1,4 @@
-let texts = ["what's up?","What's up?"]
+let texts = ["<span class='wavy'>w</span>hat's up?","What's up?"]
 
 var typewriter = new Typewriter(document.getElementById('text'));
 

diff --git a/manifest.json b/manifest.json
@@ -1,6 +1,6 @@
 {
   "name": "WhatsUpper?",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Auto-capitalize the first letter in WhatsApp's chats.",
   "manifest_version": 2,
   "applications": {