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

Improve overlay animation.

Browse source
This commit is contained in:
opi 2014-02-19 01:48:31 +01:00
parent 589e2614cc
commit 55cb583bdd
1 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -36,10 +36,12 @@
#ynhoverlay { #ynhoverlay {
display: block; display: block;
position: absolute; position: absolute;
top: -100%; top:0;
left: 0; bottom:0;
left: 100%; /* this is the trick ! */
right: 0;
width: 100%; width: 100%;
height: 0; height: 100%;
z-index: 999; z-index: 999;
text-align: left; text-align: left;
overflow-y: auto; overflow-y: auto;
@ -56,15 +58,14 @@
font-weight: normal; font-weight: normal;
font-variant: normal; font-variant: normal;
-webkit-transition: all .25s ease-in-out; -webkit-transition: all .15s ease-in-out;
-moz-transition: all .25s ease-in-out; -moz-transition: all .15s ease-in-out;
-ms-transition: all .25s ease-in-out; -ms-transition: all .15s ease-in-out;
-o-transition: all .25s ease-in-out; -o-transition: all .15s ease-in-out;
transition: all .25s ease-in-out; transition: all .15s ease-in-out;
} }
#ynhoverlay.visible { #ynhoverlay.visible {
top:0; left:0;
height:100%;
opacity: 1; opacity: 1;
filter: alpha(opacity=100); filter: alpha(opacity=100);
} }
@ -134,7 +135,7 @@
/* Application list */ /* Application list */
#ynhoverlay ul { #ynhoverlay ul {
margin: 10% auto; margin: 3em auto;
display: block; display: block;
width: 50%; width: 50%;
list-style: none; list-style: none;