[Pkg-owncloud-commits] [owncloud] 01/172: Vertically align public layout to better fit small mobile screens

Sun May 18 20:09:33 UTC 2014

This is an automated email from the git hooks/post-receive script.

taffit pushed a commit to branch master
in repository owncloud.

commit b10bf72999984d1f6c775fbeb0119c66c0fc38f7
Author: jbtbnl <jbtbnl at users.noreply.github.com>
Date:   Thu Apr 10 00:33:55 2014 +0200

    Vertically align public layout to better fit small mobile screens
---
 core/css/styles.css             | 17 ++++++++++++++++-
 core/templates/layout.guest.php | 13 +++++++------
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/core/css/styles.css b/core/css/styles.css
index 57e2c44..2f67fa0 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -327,7 +327,7 @@ input[type="submit"].enabled {
 
 /* Some whitespace to the top */
 #body-login #header {
-	padding-top: 100px;
+	padding-top: 10px;
 }
 /* Fix background gradient */
 #body-login {
@@ -637,6 +637,21 @@ label.infield { cursor:text !important; top:1.05em; left:.85em; }
 	min-height: 100%;
 	margin: 0 auto -70px;
 	width: 300px;
+	
+	display: -webkit-box;
+	-webkit-box-orient: horizontal;
+	-webkit-box-pack: center;
+	-webkit-box-align: center;
+
+	display: -moz-box;
+	-moz-box-orient: horizontal;
+	-moz-box-pack: center;
+	-moz-box-align: center;
+
+	display: box;
+	box-orient: horizontal;
+	box-pack: center;
+	box-align: center;
 }
 #body-login footer, #body-login .push {
 	height: 70px;
diff --git a/core/templates/layout.guest.php b/core/templates/layout.guest.php
index 5788d1d..a6d8d93 100644
--- a/core/templates/layout.guest.php
+++ b/core/templates/layout.guest.php
@@ -35,14 +35,15 @@
 
 	<body id="body-login">
 		<div class="wrapper"><!-- for sticky footer -->
-			<header><div id="header">
-				<div class="logo svg"></div>
-				<div id="logo-claim" style="display:none;"><?php p($theme->getLogoClaim()); ?></div>
-			</div></header>
-
-			<?php print_unescaped($_['content']); ?>
+			<div class="v-align"><!-- vertically centred box -->
+				<header><div id="header">
+					<div class="logo svg"></div>
+					<div id="logo-claim" style="display:none;"><?php p($theme->getLogoClaim()); ?></div>
+				</div></header>
 
+				<?php print_unescaped($_['content']); ?>
 			<div class="push"></div><!-- for sticky footer -->
+			</div>
 		</div>
 
 		<footer>

-- 
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/pkg-owncloud/owncloud.git

