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

WIP of modern login page:

Browse Source 
- 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
api/js/login.js
View File

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

8
pixelegg/css/mobile.css
View File

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

8
pixelegg/css/pixelegg.css
View File

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

8
pixelegg/less/layout_loginPage.less
View File

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

1
pixelegg/login.tpl
View File

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

1
pixelegg/login_mobile.tpl
View File

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

8
pixelegg/mobile/fw_mobile.css
View File

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