WIP animation

This commit is contained in:
Aurelien Vaillant
2020-04-06 18:07:21 +02:00
parent 02e18951c3
commit ce03ff8a59
+17 -1
View File
@@ -116,7 +116,7 @@ body {
margin: 0 5% 0 45%; margin: 0 5% 0 45%;
height: 100%; height: 100%;
display: grid; display: grid;
align-items: center; align-content: center;
} }
.login-form .btn { .login-form .btn {
height: 52px; height: 52px;
@@ -428,9 +428,21 @@ body.logged, .logged .content {
} }
.listing-apps a:hover .name { .listing-apps a:hover .name {
height: 0; height: 0;
line-height: 0;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
animation: nameopa 0.3s;
} }
@keyframes nameopa {
from {
height: auto;
line-height: inherit;
padding-top: 6px;
padding-bottom: 6px;}
to { height:0;
line-height: 0;
padding-top: 0;
padding-bottom: 0;} }
.listing-apps a .first-letter { .listing-apps a .first-letter {
font-family: 'NotoSansBold', serif; font-family: 'NotoSansBold', serif;
@@ -443,7 +455,11 @@ body.logged, .logged .content {
display: inline; display: inline;
position: relative; position: relative;
top: -30px; top: -30px;
animation: movetop 0.3s;
} }
@keyframes movetop {
from { top: 0; }
to { top:-30px; } }
/* ------------------------ /* ------------------------
Page Edit User Page Edit User
------------------------ */ ------------------------ */