extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-03 12:39:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

WIP login Ui: add motion into apps list

Browse Source
This commit is contained in:
Hadi Nategh 2021-05-03 17:13:04 +02:00
parent 2b5657494e
commit 82ab8d9092
6 changed files with 53 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
api/src/Framework/Login.php
View File

@ -315,13 +315,14 @@ class Login
} }
$data = json_decode($json, true); $data = json_decode($json, true);
$nodes = ''; $nodes = '';
$counter = 1;
if (is_array($data)) if (is_array($data))
{ {
foreach ($data['apps'] as $app) foreach ($data['apps'] as $app)
{ {
$icon = strpos($app['icon'], "/") === 0 ? $GLOBALS['egw_info']['server']['webserver_url'].$app['icon'] : $app['icon']; $icon = strpos($app['icon'], "/") === 0 ? $GLOBALS['egw_info']['server']['webserver_url'].$app['icon'] : $app['icon'];
$title = lang($app['title']); $title = lang($app['title']);
$nodes .= '<div class="app">' $nodes .= '<div class="app" style="animation:login-apps '.$counter*0.1.'s ease-out">'
.'<img class="icon" src="'.htmlspecialchars($icon).'"/>' .'<img class="icon" src="'.htmlspecialchars($icon).'"/>'
.'<div class="tooltip">' .'<div class="tooltip">'
.'<div class="content">' .'<div class="content">'
@ -330,6 +331,7 @@ class Login
.'<img class="icon-bg" src="'.htmlspecialchars($icon).'"/>' .'<img class="icon-bg" src="'.htmlspecialchars($icon).'"/>'
.'<p>'.htmlspecialchars($app['desc']).'</p><div class="arrow"></div>' .'<p>'.htmlspecialchars($app['desc']).'</p><div class="arrow"></div>'
.'</div></div></div>'; .'</div></div></div>';
$counter++;
} }
} }
return $nodes; return $nodes;

11
pixelegg/css/mobile.css
View File

@ -1896,6 +1896,17 @@ body {
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
@keyframes login-apps {
0% {
transform: translateY(30px);
}
60% {
transform: translateY(45px);
}
100% {
transform: none;
}
}
/** /**
* 19.1 Login page with stock background image * 19.1 Login page with stock background image
*/ */

11
pixelegg/css/monochrome.css
View File

@ -1876,6 +1876,17 @@ body {
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
@keyframes login-apps {
0% {
transform: translateY(30px);
}
60% {
transform: translateY(45px);
}
100% {
transform: none;
}
}
/** /**
* 19.1 Login page with stock background image * 19.1 Login page with stock background image
*/ */

11
pixelegg/css/pixelegg.css
View File

@ -1886,6 +1886,17 @@ body {
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
@keyframes login-apps {
0% {
transform: translateY(30px);
}
60% {
transform: translateY(45px);
}
100% {
transform: none;
}
}
/** /**
* 19.1 Login page with stock background image * 19.1 Login page with stock background image
*/ */

6
pixelegg/less/layout_loginPage.less
View File

@ -16,6 +16,12 @@
@import "def_colors.less"; @import "def_colors.less";
@keyframes login-apps {
0% {transform: translateY(30px)}
60%{transform:translateY(45px)}
100% {transform: none}
}
/** /**
* 19.1 Login page with stock background image * 19.1 Login page with stock background image
*/ */

11
pixelegg/mobile/fw_mobile.css
View File

@ -1907,6 +1907,17 @@ body {
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
@keyframes login-apps {
0% {
transform: translateY(30px);
}
60% {
transform: translateY(45px);
}
100% {
transform: none;
}
}
/** /**
* 19.1 Login page with stock background image * 19.1 Login page with stock background image
*/ */