YunoHost/SSOwat
1
0
Fork 0
mirror of https://github.com/YunoHost/SSOwat.git synced 2024-09-03 20:06:27 +02:00
Code Issues Projects Releases Packages Wiki Activity

[enh] Remove some animations.

Browse source
This commit is contained in:
opi 2014-11-13 18:28:07 +01:00
parent 5852851c86
commit 73e8be4611
2 changed files with 12 additions and 187 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

193
portal/assets/css/ynhpanel.css
View file

@ -669,120 +669,14 @@ body {/*overflow-y: scroll;*/}
6 = Animation 6 = Animation
========================================================================== */ ========================================================================== */
/*SlidetoLeft*/
@-webkit-keyframes slideInLeft {
0% {
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideInLeft {
0% {
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.yuno-slidetoleft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/*SlidetoLeft*/
@-webkit-keyframes slideInTop {
0% {
opacity: 0;
-webkit-transform: translateY(-1000px);
-ms-transform: translateY(-1000px);
transform: translateY(-1000px);
}
100% {
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInTop {
0% {
opacity: 0;
-webkit-transform: translateY(-1000px);
-ms-transform: translateY(-1000px);
transform: translateY(-1000px);
}
100% {
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.yuno-slideintop {
-webkit-animation-name: slideInTop;
animation-name: slideInTop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.yuno-slideintop.yuno-delay {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}
/*FadeIn*/ /*FadeIn*/
@-webkit-keyframes fadeIn { @-webkit-keyframes fadeIn {
0% { 0% {opacity: 0;}
opacity: 0; 100% {opacity: 1;}
}
100% {
opacity: 1;
}
} }
@keyframes fadeIn { @keyframes fadeIn {
0% { 0% {opacity: 0;}
opacity: 0; 100% {opacity: 1;}
}
100% {
opacity: 1;
}
} }
.yuno-fadeIn { .yuno-fadeIn {
@ -795,36 +689,22 @@ body {/*overflow-y: scroll;*/}
-webkit-animation-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-animation-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
} }
/*
.yuno-fadeIn.yuno-delay { .yuno-fadeIn.yuno-delay {
animation-delay: 0.5s; animation-delay: 0.5s;
-webkit-animation-delay: 0.5s; -webkit-animation-delay: 0.5s;
} }
*/
/*FadeOut*/ /*FadeOut*/
@-webkit-keyframes fadeOut { @-webkit-keyframes fadeOut {
0% { 0% {opacity: 1;}
opacity: 1; 100% {opacity: 0;}
}
100% {
opacity: 0;
}
} }
@keyframes fadeOut { @keyframes fadeOut {
0% { 0% {opacity: 1;}
opacity: 1; 100% {opacity: 0;}
}
100% {
opacity: 0;
}
} }
.yuno-fadeOut { .yuno-fadeOut {
-webkit-animation-name: fadeOut; -webkit-animation-name: fadeOut;
animation-name: fadeOut; animation-name: fadeOut;
@ -833,63 +713,14 @@ body {/*overflow-y: scroll;*/}
-webkit-animation-fill-mode: both; -webkit-animation-fill-mode: both;
animation-fill-mode: both; animation-fill-mode: both;
} }
/*
.yuno-fadeOut.yuno-delay { .yuno-fadeOut.yuno-delay {
animation-delay: 0.5s; animation-delay: 0.5s;
-webkit-animation-delay: 0.5s; -webkit-animation-delay: 0.5s;
} }
*/
/*FadeIn left*/
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.yuno-fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.yuno-fadeInLeft.yuno-delay {
animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
}
/* ========================================================================== /* ==========================================================================
7 = Media Queries 7 = Media Queries
========================================================================== */ ========================================================================== */

6
portal/assets/js/ynhpanel.js
View file

@ -225,16 +225,10 @@ domReady(function(){
yunoverlay.classList.remove('yuno-active'); yunoverlay.classList.remove('yuno-active');
} }
}); });
apps.classList.remove('yuno-fadeIn', 'yuno-delay');
apps.classList.remove('yuno-fadeInLeft', 'yuno-delay');
user.classList.remove('yuno-slideintop');
}else { }else {
meta_viewport.setAttribute('content', "width=device-width"); meta_viewport.setAttribute('content', "width=device-width");
yunoverlay.classList.remove('yuno-fadeOut'); yunoverlay.classList.remove('yuno-fadeOut');
yunoverlay.classList.add('yuno-active'); yunoverlay.classList.add('yuno-active');
apps.classList.add('yuno-fadeInLeft', 'yuno-delay');
user.classList.add('yuno-slideintop');
} }
}); });