Remove animation (#27)

* Remove animation * Bump version
authsignal · Apr 27, 2023 · 52481dc · 52481dc
1 parent f89fe62
commit 52481dc
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 22 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@authsignal/browser",
  "type": "module",
- "version": "0.0.20",
+ "version": "0.0.21",
  "main": "dist/index.js",
  "module": "dist/index.mjs",
  "types": "dist/index.d.ts",

diff --git a/src/popup-handler.ts b/src/popup-handler.ts
@@ -64,18 +64,6 @@ class PopupHandler {
  const style = document.createElement("style");
  style.setAttribute("id", STYLE_ID);
  style.textContent = `
- @keyframes fade-in {
- from {
- opacity: 0;
- }
- }
- 
- @keyframes slide-up {
- from {
- transform: translateY(10%);
- }
- }
-
  #${CONTAINER_ID},
  #${OVERLAY_ID} {
  position: fixed;
@@ -96,7 +84,6 @@ class PopupHandler {
 
  #${OVERLAY_ID} {
  background-color: rgba(0, 0, 0, 0.18);
- animation: fade-in 200ms both;
  }
 
  #${CONTENT_ID} {
@@ -106,7 +93,6 @@ class PopupHandler {
  background-color: transparent;
  border-radius: 8px;
  width: ${popupWidth};
- animation: fade-in 400ms 200ms both, slide-up 400ms 200ms both;
  }
 
  #${CONTENT_ID} iframe {
@@ -115,13 +101,6 @@ class PopupHandler {
  border-radius: inherit;
  max-height: 65vh;
  }
-
- @media (prefers-reduced-motion: reduce) {
- #${OVERLAY_ID},
- #${CONTENT_ID} {
- animation: none;
- }
- }
  `;
 
  // Attach the created elements