WIP of modern login page:

- Position social media icons

api/js/login.js

@@ -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)
 			{

pixelegg/css/mobile.css

@@ -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
  */

pixelegg/css/pixelegg.css

@@ -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
  */

pixelegg/less/layout_loginPage.less

@@ -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

pixelegg/login.tpl

@@ -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>

pixelegg/login_mobile.tpl

@@ -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>

pixelegg/mobile/fw_mobile.css

@@ -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
  */