Browse Source

Fix bug in info page animation

RobinLinus 6 years ago
parent
commit
a18e06d3c7
2 changed files with 6 additions and 2 deletions
  1. 1 1
      client/service-worker.js
  2. 5 1
      client/styles.css

+ 1 - 1
client/service-worker.js

@@ -1,4 +1,4 @@
-var CACHE_NAME = 'my-site-cache-v1';
+var CACHE_NAME = 'snapdrop-cache-v1.0';
 var urlsToCache = [
 var urlsToCache = [
   '/',
   '/',
   '/styles.css',
   '/styles.css',

+ 5 - 1
client/styles.css

@@ -497,9 +497,13 @@ input {
     border-radius: 50%;
     border-radius: 50%;
     background: var(--primary-color);
     background: var(--primary-color);
     transform: scale(0);
     transform: scale(0);
+    z-index: -1;
+}
+
+/* Hack such that initial scale(0) isn't animated */
+#about x-background{
     will-change: transform;
     will-change: transform;
     transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
     transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
-    z-index: -1;
 }
 }
 
 
 #about:target x-background {
 #about:target x-background {