WIP of modern login page:

- Position social media icons
This commit is contained in:
Hadi Nategh 2017-02-07 12:44:00 +01:00
parent e0c7ddd0cb
commit 74af635dac
7 changed files with 27 additions and 10 deletions

View File

@ -20,13 +20,12 @@ egw_LAB.wait(function()
function do_social(_data)
{
var isPixelegg = jQuery('link[href*="pixelegg.css"]')[0];
var social = jQuery(document.createElement('div'))
.attr({
id: "socialMedia",
class: "socialMedia"
})
.appendTo(jQuery( isPixelegg? 'form' : '#socialBox'));
.appendTo(jQuery('#socialBox'));
for(var i=0; i < _data.length; ++i)
{

View File

@ -1650,12 +1650,16 @@ body {
* @package pixelegg
* @version $Id$
*/
#socialMedia {
position: relative;
#socialBox {
float: left;
margin-top: 20px;
}
#socialMedia a {
margin-left: 10px;
}
#socialMedia a img {
width: 24px;
}
/* ##################################################################################
* login page
*/

View File

@ -1639,12 +1639,16 @@ body {
* @package pixelegg
* @version $Id$
*/
#socialMedia {
position: relative;
#socialBox {
float: left;
margin-top: 20px;
}
#socialMedia a {
margin-left: 10px;
}
#socialMedia a img {
width: 24px;
}
/* ##################################################################################
* login page
*/

View File

@ -17,12 +17,16 @@
@import "def_colors.less";
//##############################################################################################################
#socialMedia {
position: relative;
#socialBox {
float: left;
margin-top: 20px;
}
#socialMedia a {
margin-left: 10px;
}
#socialMedia a img{
width: 24px;
}
/* ##################################################################################
* login page

View File

@ -89,6 +89,7 @@
</form>
</div>
<div id="login_footer">
<div id="socialBox"></div>
<a href="http://www.egroupware.org" class="logo_footer">
<img src="pixelegg/images/login/logo.png">
</a>

View File

@ -90,6 +90,7 @@
</form>
</div>
<div id="login_footer">
<div id="socialBox"></div>
<a href="http://www.egroupware.org" class="logo_footer">
<img src="pixelegg/images/login/logo.png">
</a>

View File

@ -1661,12 +1661,16 @@ body {
* @package pixelegg
* @version $Id$
*/
#socialMedia {
position: relative;
#socialBox {
float: left;
margin-top: 20px;
}
#socialMedia a {
margin-left: 10px;
}
#socialMedia a img {
width: 24px;
}
/* ##################################################################################
* login page
*/