Procházet zdrojové kódy

Minor modifications to menu animation.

Daniel Scalzi před 7 roky
rodič
revize
4b708f59fe
2 změnil soubory, kde provedl 11 přidání a 5 odebrání
  1. 5 5
      app/assets/css/launcher.css
  2. 6 0
      app/assets/js/scripts/landing.js

+ 5 - 5
app/assets/css/launcher.css

@@ -898,7 +898,7 @@ p {
 /* Upper content container. */
 #landingContainer > #upper {
     position: relative;
-    transition: 2s ease;
+    transition: top 2s ease;
     top: 0px;
     height: 77%;
     display: flex;
@@ -928,7 +928,7 @@ p {
 }
 #landingContainer > #lower > #left {
     position: relative;
-    transition: 2s ease;
+    transition: top 2s ease;
     top: 0px;
     height: 100%;
     width: 33%;
@@ -944,7 +944,7 @@ p {
 }
 #landingContainer > #lower > #center {
     position: relative;
-    transition: 2s ease;
+    transition: top 2s ease;
     top: 0px;
     height: 100%;
     width: 34%;
@@ -952,13 +952,13 @@ p {
     justify-content: center;
 }
 #landingContainer > #lower > #center #content {
-    transition: 2s ease;
     position: relative;
+    transition: top 2s ease;
     top: 10px;
 }
 #landingContainer > #lower > #right {
     position: relative;
-    transition: 2s ease;
+    transition: top 2s ease;
     top: 0px;
     height: 100%;
     width: 33%;

+ 6 - 0
app/assets/js/scripts/landing.js

@@ -115,7 +115,13 @@ function slide_(up){
         lCLCenter.style.top = '-200vh'
         lCLRight.style.top = '-200vh'
         menuBtn.style.top = '130vh'
+        setTimeout(() => {
+            lCLCenter.style.transition = 'none'
+            menuBtn.style.transition = 'none'
+        }, 2000)
     } else {
+        lCLCenter.style.transition = null
+        menuBtn.style.transition = null
         lCUpper.style.top = '0px'
         lCLLeft.style.top = '0px'
         lCLCenter.style.top = '0px'